将文本框值从一个文件传递到另一个文件

Question

因为我正在构建我的第一个React应用程序，特别是react-native应用程序。我想将一个文本框值从一个js文件传递给另一个。有人可以帮助我如何做到这一点？

我在first.js中的代码

                    <Text style={{ color: 'black', fontSize: 20, textAlign: 'left', width: width - 60 }}>{GLOBAL.Email}</Text>
                    <View style={[styles.textInputFrame, { width: width - 48, }]} >
                        <TextInput
                            keyboardType='email-address'
                            style={styles.textInput}
                            onChangeText={(email) => this.setState({ email })}
                            returnKeyType='next'
                            onSubmitEditing={() => this.refs.passwordInput.focus()}
                            underlineColorAndroid='transparent'
                        />
                    </View>

先感谢您

Answer 1

1. 使用Context或任何库（如Redux，Mobx，...）将文本框值存储为全局状态
2. 将文本框值（第一个组件的电子邮件状态）作为第二个组件的属性传递

Answer 2

除了@khanh解决方案，您还可以

3. 创建您自己的数据存储，您将在不同的文件中导入该数据存储以存储数据。我强烈建议使用观察者模式（参见https://www.dofactory.com/javascript/observer-design-pattern）。
4. 发送您可以在应用中的任何位置订阅的活动，您可以使用https://www.npmjs.com/package/react-native-event-listeners进行此活动。