无法将状态值插入对象

2022-01-30

javascript reactjs

我的类中有此状态：

this.state = {
  inputValue: "",
  todos: []
}

在箭头函数中，我尝试 setState 以便将 inputValue 放入 todos 。

this.setState({ inputValue: "", todos: [...this.state.todos, {this.state.todos.length: this.state.inputValue}] })

但是，当我尝试插入 inputValue 和数字时，会出现错误。任何帮助都非常感谢，因为我是 React 新手。

1个回答

如果您想要得到如下所示的 todos 数组：

[
  {0: "something"},
  {1: "Else"}
]

需要使用方括号符号来使用变量作为对象键。

this.setState({
    inputValue: "",
    todos: [
      ...this.state.todos,
      { [this.state.todos.length]: this.state.inputValue }
    ]
});

Louys Patrice Bessette

2022-01-30