javascript - 分配新值时分布器出现问题

Question

我正在尝试根据传入的索引变量分配一个新值，但它在我的状态下没有更新。它的目的是切换一个对象数组，该数组将允许条件渲染，但当我对我的状态进行控制台日志时，它并没有改变。

this.state = {
      value: 0,
      metadata: MetaDataData,
      togglePanel: false,
      activeItem: {0: false, 1: false, 2: false}
    };

toggleActiveItem = (activeIndex) => {
    const index = activeIndex
    this.setState((prevState) => {
      return {...prevState.activeItem, [index]: !prevState.activeItem[index]}
    })
  }

例如，当使用传入的索引零调用此函数时，我希望第 0 个实例从 false 更改为 true。

Answer 1

它不起作用，因为您没有引用该对象

activeItem: {0: false, 1: false, 2: false}

通过展开，您更新了 activeItem，但您没有将其设置为当前状态

试试这个:

this.state = {
      value: 0,
      metadata: MetaDataData,
      togglePanel: false,
      activeItem: {0: false, 1: false, 2: false}
    };

toggleActiveItem = (activeIndex) => {
    const index = activeIndex
    this.setState((prevState) => {
      const newState = {...prevState.activeItem, [index]: !prevState.activeItem[index]}
      return {activeItem: newState}
    })
  }