javascript - 如何在不显式传递要更新的字段名称的情况下使用 this.setState 在 React 组件中设置状态？

Question

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

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

handleFieldEdit(event) {

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

}

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

Answer 1

使用 computed property name :

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