时间戳

首页 > 解决方案 > 具有值的 TextInput 不会改变值

javascript - 具有值的 TextInput 不会改变值

问题描述

在我的 react-native 应用程序中，我有一个从中检索数据的 API，并且我在输入值中设置数据，用户应该能够编辑这些输入并更新，但是当我尝试输入输入时它不会输入任何内容并且值保持不变，这是 TextInput 代码：

<TextInput
   placeholder= Email
   value={this.state.info.email}
   onChangeText={email => this.setState({ email })}/>

标签： javascriptreact-nativetextinput

解决方案

由于我不认为电子邮件是您的唯一道具，因此state.info我建议您setState()正确使用，以便仅修改该字段。根据不变性和 ES6，类似：

<TextInput
  placeholder="Email"
  value={this.state.info.email}
  onChangeText={text =>
    this.setState(state => ({
      info: {
        ...state.info,
        email: text
    }))
  }
/>;

在此处阅读有关处理的更多信息TextInput

推荐阅读