Question

您好，如何使用Profil组件中的数据在Home组件中进行刷卡操作。我在Home组件中有一个状态，该状态下我从Web服务中存储数据。

class Accueil extends React.Component {
  constructor(props) {
    super(props);

    this.state = {
      refreshing: false,
      latitude:null,
      longitude:null,
      dataSource:[],
      error:null,
      appState: AppState.currentState,
      currentIndex: 0,
    }
    this.displayPosition = this.displayPosition.bind(this);
  }

getData(){
    fetch("SomeURL")
      .then(res => res.json())
      .then(result => {
        return(
        this.setState({
          dataSource: result
        }));
      })
      .catch(error => {
        console.error(error)
      })
  }

render() {
    return (
      <SafeAreaView style={{ flex:1 }}>
        <View style={styles.main_container}>
          <FlatList style={styles.flatList}
          data={this.state.dataSource}
          extraData = {this.state}
          keyExtractor={(item, index) => item.MembreId}
          renderItem={(item) => <UserItem user={item} displayDetailForUser={this._displayDetailForUser} displaySwipe = {this._displaySwipe}/>}
          numColumns={numColumns}
          refreshing={this.state.refreshing}
          onRefresh={this.handleRefresh} />
        </View>
      </SafeAreaView>
    )
  }
}

我如何在this.state.dataSource组件中使用Profil以便.map用数据刷卡？

Answer 1

要将值从一个组件传递到另一个组件，可以使用以下代码-

this.props.navigation.navigate('<Your Screen Name>', {
    dataSource: this.state.dataSource
});

现在您可以在组件中访问数据存储，如下所示：

var tempDataSource = [...this.props.navigation.state.params.dataSource]

通过访问使用它直接 this.props.navigation.state.params.dataSource ，也可以将其保存在另一个变量中，就像上面和随雨刷一起使用。

我希望这会有所帮助，谢谢：）

如何在本机中使用swiper

1 个答案: