在 React 中动态更新 setState(Object)

Question

我有一个状态

 constructor(props) {
        super(props);
        this.state = {
          qualification: {
            fieldOfStudy: "Architecture",
            degree: "",
          }
        };
      }

我想在函数调用时动态更新状态值

onChange={this.handleChangeObj("qualification")}

这是我写的函数：

handleChangeObj = (ObjName) => ({ target }) => {

//String Value - Qualification
console.log("handleChangeObj -> ObjName", ObjName);

//fieldOfStudy: Architecture
    console.log((target.name + ":" + target.value));

// Doubt over here how to update the value for qualification.fieldOfStudy : Architecture
    this.setState(() => ({
      ...this.state.ObjName,
      [target.name]: [target.value],
    }));

    // this is not working.
this.setState({ [ObjName.target.name]: target.value });
  };

Answer 1

第一个参数被传递给外部函数，所以你需要做的就是在括号中引用它：

this.setState({
  [ObjName]: {
    ...this.state[ObjName],
    [target.name]: [target.value]
  }
});