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

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解决方案之外，您还可以

1. 创建您自己的数据存储，您将其导入到其他文件中以存储数据。我强烈建议为此使用观察者模式（请参见https://www.dofactory.com/javascript/observer-design-pattern）。

2. 发送一个事件，您可以在该事件中订阅应用程序中的任何位置，为此可以使用https://www.npmjs.com/package/react-native-event-listeners。