无法在本机反应中编辑 TextInput 数据答案

【问题标题】：Unable to edit TextInput data in react native无法在本机反应中编辑 TextInput 数据
【发布时间】：2018-06-14 04:42:50
【问题描述】：

我是原生反应的新手。我正在尝试更新数据 n TextInput 字段，但它不允许我编辑它。这是我正在使用的代码。

  <TextInput style = {styles.textInputStyle}
                            underlineColorAndroid = "transparent"
                            placeholder = "Student First Name"
                            placeholderTextColor = "gray"
                            autoCapitalize = "none"
                            onChangeText = {this.handleFirstName}
                            value={this.props.navigation.state.params.firstName}
                          />   



  handleFirstName = (text) => {
      this.setState({ firstName: text })
   }

同样的代码在 IOS 设备中工作，因为它不允许在 Android 中编辑值。

如果您需要任何详细信息，请告诉我。提前致谢。

【问题讨论】：

标签： android reactjs react-native native

【解决方案1】：

您必须在构造函数中将初始值（从道具中获得）设置为状态，然后在value中引用状态

<TextInput style = {styles.textInputStyle}
   underlineColorAndroid = "transparent"
   placeholder = "Student First Name"
   placeholderTextColor = "gray"
   autoCapitalize = "none"
   onChangeText = {this.handleFirstName}
   value={this.state.firstName}
 />

在构造函数中如下

constructor(props){
  ....
  this.state = { firstName: props.navigation.state.params.firstName }
  ....
}

在link中提到过

【讨论】：