时间戳

首页 > 解决方案 > 在更改功能上反应表单字段未将目标值传递给 setState

javascript - 在更改功能上反应表单字段未将目标值传递给 setState

问题描述

这段代码可以做一些改进，但是现在，里面的 name 属性setState不能访问 evente参数有什么原因吗？

//keyObject is a predefined variable

<Form.Control
  type="text"
  value={this.state.productObject[keyObject].name || ""}
  placeholder={"name"}
  onChange={(e) => {
    this.setState(function (prevState) {
      return {
        ...prevState,
        productObject: {
          ...prevState.productObject,
          [keyObject]: {
            name: e.target.value,
            price: prevState.productObjecy[keyObject].price,
            selected: prevState.productObject[keyObject].selected,
          },
        },
      };
    });
  }}
/>;

当我尝试更改字段的值时，出现“无法读取 null 的属性‘值’”错误。

标签： javascriptreactjs

解决方案

你有没有尝试过

e.target.name.value

调试此问题的一种简单方法是执行console.log(e.target)并查看下一步需要什么。

推荐阅读