动态变量不会为拨动

Question

我有这个功能工作

toggleDropdown = (name) => { 
    this.setState({ 
     [`open${name}`]: !this.state[`${name}`] 
    }) 
} 

我用它在多个不同的下拉

<div onClick={e=> toggleDropdown('Dropdown1')}</div> 
<div onClick={e=> toggleDropdown('Dropdown2')}</div> 

不知何故this.state.Dropdown1或this.state.Dropdown2始终是真实的，当我点击的div ，它不会切换，有什么问题？

Answer 1

两件事情，

1. 当你是基于前一个设定的状态，使用prevState回拨机制setState因为setState是asynchronous。

2. 你wnat得到this.state.Dropdown1，仍然设置openDropdown1

尝试

toggleDropdown = (name) => { 
    this.setState((prevState) => ({ 
     [name]: !prevState[name] 
    })) 
}