0

问题：

  1. 我试图弄清楚如何从功能组件“ContractHandler”中导出一个名为“addPostCode”的函数。

  2. 我想在另一个名为“RentalDetailScreen”的功能组件中使用“addPostCode”，这样当我导航到下一页时，它将触发“addPostCode”并将“postCode”的状态存储在“ContractHandler”中。

这是“ContractHandler.js”：

import React, { useState } from 'react';

const ContractHandler = () => {

  const [postCode, setPostCode] = useState();

  const addPostCode = (data) => {
    setPostCode(data)
    console.log(postCode)
  };

  return(
    <View>
      <Text></Text>
    </View>
  )

}

export default ContractHandler;

这些是 RentalDetailScreen.js 的一部分，我在其中导航到下一页并希望触发“addPostCode”函数并将“postCode”值发送到“ContractHandler.js”。

这是导入：

import { addPostCode } from '../../database/ContractHandler';

这是带有“addPostCode”功能的导航。

<TouchableOpacity onPress={() => { navigation.navigate('SecurityDetail'); addPostCode(postCode); }}>
  <View style={slider.buttonStyle}>
    <Text style={slider.textStyle}>Neste</Text>
    <Ionicons name='ios-arrow-forward'style={slider.iconStyle} />
  </View>
</TouchableOpacity>

“postCode”只是一个从 TextInput 获得值的变量。

如果我不够清楚，请告诉我，我会尽力解释得更好:)

4

2 回答 2

0

有两种方法可以解决这个问题。您可以使用像 redux 这样的状态管理器，或者您必须将函数作为 props 从组件传递到组件。我个人会使用 redux，因为它使组件之间的状态共享变得更加简单。

于 2020-02-14T13:02:58.763 回答
0

组件自己的状态不能从外部设置（技术上你可以解决它，但这不是正确的方法）。如果您想在组件之间共享状态，请使用全局状态管理器 (redux)，Context或者如果组件是同级组件，则只需使用它们的共同父级来存储状态。

于 2020-02-14T12:57:35.553 回答