Question

我在传递状态时遇到麻烦。

我想从传递给EventsApi的{{1}}获取状态。

这是我的父组件：

Event

这是我的子组件：

export default class EventsApi extends React.Component {
constructor(props) {
 super(props);

    this.state = {
     jsondata: ["TEST1"],
 };
} 
render() {
return (
  <View>
    <Event data={this.state.jsondata} />
  </View>
  );
 }
}

Answer 1

您做错了什么是在App.js中传递Event，它应该是EventsApi：

更改

<View>
      <Event></Event>
    </View>

到

<View>
      <EventsApi></EventsApi>
    </View>

对您的博览会进行了一些更改，请检查以下内容：https://snack.expo.io/nTBUaDxOO

希望这会有所帮助！

Answer 2

将事件中的数据替换为jsondata，如下所示。因为您将状态作为道具中的数据进行传递。

<FlatList
      data={this.props.data}
      renderItem={({ item }) => (
        <NormalText>
          {item}
        </NormalText>
      )}
    />

React Native-将状态传递给另一个组件

2 个答案: