从另一个组件调用方法仅适用于createMaterialTopTabNavigator- React native

时间:2018-08-13 07:11:08

标签: reactjs react-native methods render

标签getData()共有的方法A,B & C,但在另一页getData上被调用,但仅获取或呈现的数据仅对第一个着陆标签有效,而对所有标签无效。

在Data.js页面上的代码如下

class DataFetch extends Component {
getData(){
  <TouchableOpacity onPress={() => this.props.navigation.navigate("x",{getData:this.getData.bind(this)})}>
.....
}
}

class A extends Component {
  render () {
    return (
    <View>
    <DataFetch/>
    </View>

);
}
}

class B extends Component {
  render () {
    return (
    <View>
    <DataFetch/>
    </View>

);
}
}

class C extends Component {
  render () {
    return (
    <View>
    <DataFetch/>
    </View>
);
}
}

在选项卡A上按下可触摸的不透明度,然后导航到第x页和第x页

this.props.navigation.state.params.getData()

调用并导航到选项卡A,但仅更新了选项卡A上的数据,而不更新了B或C上的原因 (即仅对导航到x的组件进行了更新)

0 个答案:

没有答案