使用反应原生的onChangeText事件处理具有属性的对象

时间:2017-05-20 02:57:56

标签: reactjs react-native

我是新生儿的反应,并且不知道如何处理当前案例,我已经花了很多时间寻找解决方案。我有以下构造函数:

constructor (props) {
  super(props);
  this.state = {
    newNote: { title: '', description: '', dateToRead: null },
    modalVisible: false
  };
}

如何在TextInput中保存onChangeText事件的价值?并且它是否正确处理反应中的属性?

1 个答案:

答案 0 :(得分:2)

处理TextInput数据的两种方法

<TextInput
  onChange={(event) =>
  this.setState({newNote: {...this.state.newNote,
  title: event.nativeEvent.text}}
  )}
  value={this.state.newNote.title}
/>

<TextInput
  onChangeText={(text) => 
    this.setState({newNote: {...this.state.newNote,description: text}}
  )}
  value={this.state.newNote.description}
/>