我正在嘗試創(chuàng)建一個(gè)組件，在該組件中我有一堆來自數(shù)組的盒子，可以分別單擊每個(gè)盒子，將它們打開和關(guān)閉。當(dāng)前，只能將陣列中的單個(gè)項(xiàng)目“打開”（以綠色顯示），但是，我希望能夠分別打開/關(guān)閉每個(gè)項(xiàng)目。與一個(gè)元素進(jìn)行交互不應(yīng)影響其他任何元素。我該如何實(shí)現(xiàn)？我的點(diǎn)擊事件：  handleOnClick = (val, i) => {    this.setState({active: i}, () => console.log(this.state.active, 'active'))  }渲染盒子： renderBoxes = () => {    const options = this.state.needsOptions.map((val, i) => {        return (          <button            key={i}            style={{...style.box, background: i === this.state.active ? 'green' : ''}}            onClick={() => this.handleOnClick(val, i)}          >            {val}          </button>        )      })      return options  }這是一個(gè)Codepen