RN项目中关于父子组件的通讯

子组件向父组件传递数据

子控件中在相应的函数中。经过props.coallback的回调通知父组件。函数

父组件调用callback属性时行 绑定,并在方法中去解析使用获取到的值 。this

//子控件:
<TouchableHighlight onPress={this._onPressButton.bind(this)}>
_onPressButton(){
this.props.callback("hello wrold");
}

//父控件
 <View style={{alignItems: 'center'}} callback={this._onPressButton.bind(this)}>
_onPressButton(str){
str....
}

父组件向子组件传递数据

经过ref属性实现
父组件直接经过ref的属性找到相应的子组件,调用相对应的方法。code

<AssetList  ref='myRef' dtList={this.state.data[this.state.index]}/>
  
  this.refs.myRef.setState(
            {
                data:this.state.data[this.state.index]
            }

        )
相关文章
相关标签/搜索