onChange React将值移动到对象中

  handleTextChange = (e) => {

    this.setState({
        [e.target.name] : e.target.value
    })

  }

  render() {
    return (
      <div>
        <h1>Add Movie</h1>
        <input type="text" name="name" onChange={this.handleTextChange} placeholder="Enter movie name" />
        <input type="text" name="year" onChange={this.handleTextChange} placeholder= "Enter movie year" />

每当我键入state时,它都会根据输入字段的名称创建一个新属性,并在文本框中赋值。这很好用,我最终得到了:

state = {
  name : "Movie Name", 
  year : "1992"
}

state = {

    movie: { 
     name : "Movie Name", 
     year : "1992"
} 
}