javascript - 如何在状态中动态创建参数名称

Question

我希望在没有硬编码参数名称的状态下写入错误。所以我有一个状态为 errors:{} 的对象，我想在其中注册填写表单时出现的错误。

当字段 email 出错时，它必须是 errors: { email: true }

state = {
    errors: {},
    owner: owner.Company,
    fio: null,
    company: null,
    phone: null,
    fax: null,
    email: null,
    adress: null
}

onChange = (e) => {
    const value = e.target.value;
    this.setState({ [e.target.name]: value, ['errors: ' + e.target.name]: true });
}

但是这样的结果是这样的

errors: {…}
Empty object
errors:company:true
errors:fio:true
errors:phone:true

这里的语法必须是什么？

Answer 1

通过编写 'errors: ' + e.target.name，您将该参数名称设置为具有值 true，但您希望将其添加到您的 错误对象。

示例

onChange = (e) => {
  const { value, name } = e.target;

  this.setState(prevState => ({
    [name]: value,
    errors: { ...prevState.errors, [name]: true }
  }));
};