如何使用钩子（useState）在react native中将数据从一个页面传递到另一个页面？

Question

--------------------首页 -------------------------

          const [getName, setName] = useState("")

 <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
  <Text>Home Screen</Text>
  <TextInput placeholder="enter your name"
  onChange={bob}
  />
  <Button
    title="Next page"
    onPress={() => {
      
      navigation.navigate('Details', {
       myItem: getName,
      });
    }}
  />
</View>

函数 bob（input）{ setName（input） }

-第二个屏幕-

  <Text>itemId:{route.params.myItem}</Text>

我遇到这个错误：：：

对象作为 React 子级无效（找到：具有键 {dispatchConfig、_targetInst、nativeEvent、_dispatchListeners、_dispatchInstances、type、target、currentTarget、eventPhase、bubbles、cancelable、timeStamp、defaultPrevented、isTrusted、isDefaultPrevented、isPropagationStopped}的对象）。如果要呈现子项的集合，请改用数组。

Answer 1

要拥有可以跨多个页面/组件共享的全局状态，您必须使用React Context API以及useContext挂钩。

请参阅以下链接https://reactjs.org/docs/context.html

非常有趣！观看下面的视频以获得基本理解。https://www.youtube.com/watch?v=sP7ANcTpJr8