我有一個(gè)切換潛水的問(wèn)題。這可能是一件小事，但是當(dāng)我第一次單擊它（并且面板展開(kāi)）時(shí)，我找不到它起作用的原因，但是當(dāng)再次單擊時(shí)，它不會(huì)關(guān)閉。也許有人可以理解為什么我第二次點(diǎn)擊該項(xiàng)目時(shí)，id沒(méi)有與元素“e”一起發(fā)送？多謝！class FlexPanel extends Component {  constructor(props) {    super(props);    this.state = {      toggle1: false,      toggle2: false,      toggle3: false,    };  }  render() {    const toggleOpen = (e) => {      const id = e.target.id;      const toggleId = `toggle${id}`;      let toggleItem = this.state[toggleId];      this.setState({        [toggleId]: !toggleItem,      });    };    const { toggle1, toggle2, toggle3 } = this.state;    console.log(toggle1);    return (      <div className="panels">        <div          id={1}          className={`panel panel1 ${toggle1 ? "open open-active" : "closed"} `}          onClick={(e) => {            toggleOpen(e);          }}        >          <p>Consultes</p>          <p>Teràpies</p>          <p>Recolzament</p>        </div>        <div          id={2}          className={`panel panel2 ${toggle2 ? "open open-active" : "closed"} `}          onClick={(e) => {            toggleOpen(e);          }}        >          <p>Videoconsultes</p>          <p>en grup</p>          <p>i individuals</p>        </div>        <div          id={3}          className={`panel panel3 ${toggle3 ? "open open-active" : "closed"} `}          onClick={(e) => {            toggleOpen(e);          }}        >          <p>Jordi</p>          <p>Arjó</p>          <p>Teràpies</p>        </div>      </div>    );  }}export default FlexPanel;