【问题标题】:How do I pass a TextInput value up from a React Navigation component to my main app如何将 TextInput 值从 React Navigation 组件向上传递到我的主应用程序
【发布时间】:2018-07-21 05:16:18
【问题描述】:

我一直想弄清楚如何将 TextInput 值从 React Navigation 组件向上传递到我的主应用程序。以下 Expo Snack 显示了我的代码:https://snack.expo.io/@nativedetroiter/test-passing-state-to-screens-and-back

期望的行为: 当我运行它时,我希望 this.state.stateVar 采用我在 TextInput 框中输入的值。

观察到的行为: 虽然控制台日志显示每次我在 TextInput 框中按一个键时都会触发 handleChangeText(),但它也显示 this.state.stateVar 是“未定义”。

【问题讨论】:

  • 你能检查这是否是你需要的吗? snack.expo.io/HJksGPgNm
  • 非常感谢@AravindS,这正是我所需要的。我觉得我明白了。好像我需要在屏幕组件中创建一个中间状态。当我处理那个时,我还可以在我的主应用程序中调用我作为道具函数传递给组件的处理程序。请将您的回复记录为答案,以便我检查它是否正确。
  • 当然!我将添加作为答案

标签: react-native react-navigation


【解决方案1】:

您错过的是您必须在 onchage 期间获取输入值,然后将其发送到任何组件。我创建了一个状态来本地保存用户输入和更新的代码是heresnack.expo.io/HJksGPgNm

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2021-09-26
    • 1970-01-01
    • 2016-03-05
    • 2016-10-15
    • 2021-04-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多