Reactjs 将值从lightbox传递到父级

Reactjs 将值从lightbox传递到父级,reactjs,react-native,react-native-navigation,wix-react-native-navigation,Reactjs,React Native,React Native Navigation,Wix React Native Navigation,我正在为我的应用程序中的用户创建配置文件屏幕。我使用wix的React Native Navigation的lightbox来执行编辑配置文件。因此,用户将单击touchableopacity,并弹出一个灯箱,用户将输入新信息并保存它。因此,我想知道我是否可以将文本输入值从lightbox传递到父级(profile.js),以便在profile.js中设置状态?是的,这是可能的。您需要将数据作为道具发送给家长。如果你以前没做过,可能会觉得有点棘手,但你会成功的 来自家长: <Lightbo

我正在为我的应用程序中的用户创建配置文件屏幕。我使用wix的React Native Navigation的lightbox来执行编辑配置文件。因此,用户将单击touchableopacity,并弹出一个灯箱,用户将输入新信息并保存它。因此,我想知道我是否可以将文本输入值从lightbox传递到父级(profile.js),以便在profile.js中设置状态?

是的,这是可能的。您需要将数据作为道具发送给家长。如果你以前没做过,可能会觉得有点棘手,但你会成功的

来自家长:

<LightboxComponent 
  userData={this.handleUserData(data)}
/>

handleUserData(data) {
  /* Do something with the data here */
}

我还要说,将父函数指针作为道具传递给子函数(如React站点所示)。尽管有些人选择使用事件发射器。我真的很好奇更多的开发者对此的看法


在StackOverflow上是否有一个线程因epic down投票而脱轨?

您好,谢谢您的回复。我正在使用此代码启动lightBox:Navigation.showLightBox({screen:'TFH.EditBox',passProps:{type:'Email',value:this.state.profile.Email},
<input name="user-name" onChange={ (e) => this.props.userData(e.target.value) }
this.handleUserData = this.handleUserData.bind(this);