reactnative 笔记

1、<FlatList/>

_renderItem = ({item})=>{
      return <View style={[styles.part4Row]}>
        <Text style={this.props.titleFont}>{item.name}</Text>
        <Text style={this.props.valueFont}>{item.value}</Text>
      </View>
 }

<FlatList
        data={this.state.flatListData}
        renderItem={this._renderItem}
 />

2、钩子，父组件传值变化时候，在子组件触发 https://www.jianshu.com/p/986bcbcd02aa

componentWillReceiveProps(newProps){
    this.setState({flatListData:newProps.flatListData||[]})
}

shouldComponentUpdate(nextProps,nextState){
  console.log(nextProps,nextState)
}

 

getDefaultProps：组件实例创建前调用，多个实例间共享引用。注意：如果父组件传递过来的Props和你在该函数中定义的Props的key一样，将会被覆盖。

getInitalState:组件示例创建的时候调用的第一个函数。主要用于初始化state。注意：为了在使用中不出现空值，建议初始化state的时候尽可能给每一个可能用到的值都赋一个初始值。

componentWillMount：在render前，getInitalState之后调用。仅调用一次，可以用于改变state操作。

render：组件渲染函数，会返回一个Virtual DOM，只允许返回一个最外层容器组件。render函数尽量保持纯净，只渲染组件，不修改状态，不执行副操作（比如计时器）。

componentDidMount:在render渲染之后，React会根据Virtual DOM来生成真实DOM，生成完毕后会调用该函数。在浏览器端（React），我们可以通过this.getDOMNode()来拿到相应的DOM节点。然而我们在RN中并用不到，在RN中主要在该函数中执行网络请求，定时器开启等相关操作