这是解构事件目标属性还是某些JSX语法？

问题描述

我在这里得到了一个事件处理程序函数，该函数用于处理输入字段的UserMod个事件。

我对onChange的工作方式/正在做什么感到困惑。

（我知道它正在获取目标输入字段的[e.target.name]属性值）。

name

有人可以解释一下它在做什么以及它是如何工作的吗？非常感谢。

解决方法

[e.target.name]在JS中称为computed property。

简单来说，[e.target.name]将成为对象属性（键），其值为e.target.name。例如，如果e.target.name对应于credit（值），则对象结构将如下所示：

  setFormData({
    ..formData,credit: e.target.value

  }); 

这只是普通的JavaScript，更具体地说是该语言的ES6功能。

---

关于React的onChange事件处理程序，要记住的另一件重要事情是它的行为与本地JS onchange事件完全不同。阅读this post了解更多信息。

---

参考

Computed Property Names