javascript - 如何在 React 中从数组创建状态属性？

Question

我正在尝试从值数组中设置组件的状态。

我在 filtersSelected array-> 上有这些值

["name", "date", "state"]

我想像这样将这些值设置为我的状态

myState = {
...etc,
name: null,
date: null,
state: null
}

我尝试使用

this.setState(previousState => ({
  ...previousState,
  ...filtersSelected: null
}))

显然它不起作用。有人可以帮助我吗？

Answer 1

为了将数组传播到对象中，您首先需要将数组转换为对象，然后可以将对象键传播到状态中:

this.setState((prevState) => ({
    ...prevState,
    ...filtersSelected.reduce(function(acc, item) {
        return Object.assign(acc, {[item]: null})
    }, {});
}))