如何在React组件中设置状态.setState,而不显式地传递字段名来更新
How to set state in a React component using this.setState without explicitly passing the field name to update?
我的组件中有一个表单,它有许多输入字段,通过一个名为"handleFieldEdit"的事件处理程序更新本地状态。
我想将本地状态设置为用户在输入字段中输入的任何内容,但我不知道用户将使用哪个字段,所以我尝试这样设置状态:
handleFieldEdit(event) {
this.setState({
event.target.name: event.target.value
});
}
这不起作用。我认为这可以用一个简单的Javascript语法技巧来解决,但是react方法setState让我迷惑了。我该如何设置状态呢?
使用计算属性名:
this.setState({
[event.target.name]: event.target.value
});
相关文章:
- 通过单击动态加载的表中同一行的另一个字段来更新一行的字段
- 输入字段将't获取更新的值
- 在控制器上使用“$watch”时,为什么不更新此隐藏字段
- 更新嵌套对象的多个字段
- 选择单选按钮更新2个输入字段
- KnockoutJS更新行和字段
- 当html选择/选项发生更改时,需要更新输入字段
- 通过 JavaScript 从主网格视图上的功能区按钮更新 CRM 2011 中的字段
- 输入字段未使用 ng-keydown 事件更新
- 单击“角度”复选框时更新不相关的字段
- 反应:以动态生成的形式根据另一个字段更新字段值
- 使用模态上的文件输入字段更新主视图上的隐藏字段
- 使用 Drupal 6 的表单 ahah 让一个下拉字段更新第二个下拉字段的值
- 获取 2 个输入字段中的舍入值,当其中一个输入字段更新时,这些输入字段会更新
- 通过输入字段更新javascript数组数据
- 角度表单验证-在字段更新时隐藏错误
- 保存由OnSave事件触发的字段更新
- Knockoutjs的日期时间字段更新不会刷新模型视图
- 当输入字段更新时,如何在knockout.js中更新observableArray项?
- Mongoose似乎不支持$max字段更新操作符,有什么建议吗?