# imooc_sample

**Repository Path**: geguo/imooc_sample

## Basic Information

- **Project Name**: imooc_sample
- **Description**: 第一个RN 项目
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2017-04-26
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 修改启动文件

> setup.js

## 组件的生命周期

## 导入与导出

1. 导出组件
```js
export default
import LifecycleComponent from './LifecycleComponent'
```

2. 导出变量|函数

```js
import React, { Component } from 'react';
import {
    AppRegistry,
    StyleSheet,
    Text,
    View
} from 'react-native';
var name = "geguo";
var age = 25;
export {name,age};
export default class ExportVabrias extends Component{
    render(){
        return <Text>Hello.</Text>;
    }
}
export function sum(a,b) {
    return a+b;
}

```

3. 导入
```js
import EIComponent,{name,age,sum} from "./EIComponent"
```

## props 属性传递
```js
 var params = {namep : "Geguo",agep:12};

            <ReceiveCompoent
                    {/*namep="geguo"
                    agep="25"*/}
                    {...params}
                />
```
> 接收

```js
export default class ReceiveCompoent extends Component{
    render(){
        return <View>
            <Text>姓名：{this.props.namep}</Text>
            <Text>年龄：{this.props.agep}</Text>
        </View>
    }
}
```