我只是想补充一点，你也可以使用解构来重构代码，让它看起来更整洁。

inputChangeHandler: function ({ target: { id, value }) {
    this.setState({ [id]: value });
},

在ES6+中，你只需要执行[${variable}]

我是怎么做到的…

inputChangeHandler: function(event) {
  var key = event.target.id
  var val = event.target.value
  var obj  = {}
  obj[key] = val
  this.setState(obj)
},

当需要处理多个受控输入元素时，可以向每个元素添加一个name属性，并让处理程序函数根据event.target.name的值选择要做什么。

例如:

inputChangeHandler（event） { this.setState（{ [event.target.name]： event.target.value }）; }

在.map的循环中工作如下:

{
    dataForm.map(({ id, placeholder, type }) => {
        return <Input
            value={this.state.type}
            onChangeText={(text) => this.setState({ [type]: text })}
            placeholder={placeholder}
            key={id} />
    })
}

注意type参数中的[]。 希望这对你有所帮助。

我只是想补充一点，你也可以使用解构来重构代码，让它看起来更整洁。

inputChangeHandler: function ({ target: { id, value }) {
    this.setState({ [id]: value });
},