首页 > 解决方案 > 如何将 TextInput 值从 React Navigation 组件向上传递到我的主应用程序

问题描述

我一直想弄清楚如何将 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是“未定义的”。

标签: react-nativereact-navigation

解决方案


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


推荐阅读