我得到了一個簡單的無狀態父組件，其中顯示了一個有狀態子組件列表。每個單獨的子組件都表示一個列表項，其活動狀態可以切換（真/假）?；顒恿斜眄棇⒆優榫G色，并顯示關閉（時間）?，F在，我的問題是當一個項目被選中（活動）并且我單擊另一個項目時，兩者都變得活躍，正如預期的那樣。但是，我希望取消選擇/停用上一個項目，以便一次只能激活一個項目。我嘗試將狀態提升到父級并將其作為道具傳遞下來，但這顯然會導致當我單擊一個項目時，每個項目都處于活動狀態。如何實現此目的？以下是代碼片段。import React, { Component } from "react";class ListItem extends Component {  state = {    isActive: false,  };  onToggleSelect = () =>    this.setState({      isActive: !this.state.isActive,    });  render() {    return (      <li        style={{ color: this.state.isActive && "green", cursor: "pointer" }}        onClick={this.onToggleSelect}      >        Item number {this.props.item}        {this.state.isActive && <span>&times;</span>}      </li>    );  }}function List({ itemList }) {  return (      <div>        <ul>          {            itemList.map(i => <ListItem key={i} item={i} />)          }        </ul>      </div>    );}List.defaultProps = {  itemList: [...Array(10).keys()].map(x => x + 1),};export default List;