如何使用this.setState在React组件中设置状态而不显式传递字段名称？

Question

我的组件中有一个表单，其中有许多输入字段，通过名为“handleFieldEdit”的事件处理程序更新本地状态。

我想将本地状态设置为输入字段中用户输入的内容，但我不知道用户将使用哪个字段，因此我尝试以这种方式设置状态：

handleFieldEdit(event) {

        this.setState({
            event.target.name: event.target.value
        });

}

这不起作用。我认为这可以通过一个简单的Javascript语法技巧来解决，但是反应方法setState让我失望了。我应该如何以这种方式设置状态？

Answer 1

使用computed property name：

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