javascript - TextInput 中的值没有改变？

Question

我是一个新手，无法做出本地 react ，并正在努力解决以下问题。我正在执行更新功能，一旦选择了用户，该用户的数据就会填充到其专用字段 TextInput 中，例如 given_name、family_name 等在。问题是，当我尝试修改任何 TextInput 中填充的数据时，它不允许我这样做，因为文本根本不会改变，并且无论如何都保持固定。我知道发生这种情况是因为我的字段的值已分配给我想要更新的传入数据，但如何解决该问题并能够修改该值？

如果您能提供帮助，我将不胜感激。

constructor(props) {
  super(props);
  this.state = {
    given_name: '',
    family_name: '',
    email: '',
    password: '',
    UserInfo: '',
  };
}

handleGivenName = (text) => {
  this.setState({
    given_name: text
  })
}
handleLastName = (text) => {
  this.setState({
    family_name: text
  })
}
handleEmail = (text) => {
  this.setState({
    email: text
  })
}
handlePass = (text) => {
  this.setState({
    password: text
  })
}

<TextInput placeholder="Last Name"
           onChangeText={ this.handleLastName }
           value={ this.state.UserInfo.family_name } />

Answer 1

尝试在onChangeText中使用箭头函数:

handleLastName(text) {
  this.setState({
    family_name: text,
    userInfo: { ...this.state.userInfo, family_name: text}
  })
}

渲染():

<TextInput   
placeholder="Last Name" 
onChangeText={(text) => this.handleLastName(text)} 
value={this.state.family_name} // remove UserInfo
/>