我正在嘗試模擬一種類似于在模式彈出窗口打開時單擊疊加層的行為。在 sidenav 組件外部單擊時，我想關(guān)閉當(dāng)前處于某個flyout模式的所有元素。我有一個多層嵌套導(dǎo)航菜單，存儲在它自己的組件中，Sidebar. 我有以下代碼處理clicks發(fā)生在Sidebar組件外部的代碼：class Sidebar extends React.Component {    ...    handleClick = (e) => {      if (this.node.contains(e.target)) {        return;      }        console.log('outside');    };      componentDidMount() {      window.addEventListener('mousedown', this.handleClick, false);    }    componentWillUnmount() {      window.removeEventListener('mousedown', this.handleClick, false);    }    render() {      return (          <div              ref={node => this.node = node}              className="sidebar"              data-color={this.props.bgColor}              data-active-color={this.props.activeColor}          >          {renderSideBar()}          </div>      );    }    ...}這部分工作正常 - 但是當(dāng)彈出菜單在單擊父菜單選項(xiàng)時顯示時，我希望它關(guān)閉當(dāng)前打開的任何彈出菜單。-| | - Menu Item 1  |  |-option 1 (currently open)  |-option 2 - Menu Item 2  |   |-option 1 (closed)  |-option 2 (closed, clicked to expand - this is when it should close [Menu Item 1/Option 1]<li>在映射包含菜單結(jié)構(gòu)的數(shù)據(jù)對象時，使用標(biāo)簽生成菜單項(xiàng)。有沒有一種方法可以基本上選擇所有具有 'collapse' / aria-expanded="true" 類的注冊對象并將其刪除？類似于如何jQuery選擇 dom 元素并操作它們。我知道這不是 React 工作的前提，它只是我想要模擬的行為的一個例子。