javascript - 这个方法在 React.js 中执行什么?

标签 javascript reactjs

我正在阅读如何创建登录表单并发现了这种方法:

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

不太确定 setState 部分发生了什么。由于某种原因,数组括号让我感到困惑。谁能详细说明这个方法的作用吗?

最佳答案

[someExpression] 称为 computed property name并且是这样写的替代方法:

handleChange(e) {
  const stateUpdate = {};
  stateUpdate[e.target.name] = e.target.value;

  this.setState(stateUpdate);
}

关于javascript - 这个方法在 React.js 中执行什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51558385/

相关文章:

javascript - 如何使用php显示优惠券代码

javascript - 输入的每个更改都作为数据单独存储(例如 : "t", "te"、 "tes"、 "test"而不是只有 "test")

reactjs - React.lazy() 与 React Loadable

javascript - enzyme .eq() 还是.index()?

javascript - 你如何让 Material-UI 选项卡与 react-router 一起工作?

javascript - 链接到部分 div 的顶部

javascript - 如何使 GM_getValue 存在于 Firefox 上的 Greasemonkey 中?

javascript - 在 cloudflare-worker 服务上解析原始主体(非 NODE)

javascript - 如何获取数组文本框中文本框的键(索引)值

javascript - 使用 babel 解析器时,Eslint 禁用严格模式