我有一個使用 react（遺留代碼）構建的擴展，并且我一直在跟蹤一個我最終解決的錯誤，但我無法修復。當擴展的圖標（在瀏覽器欄中）被點擊時，一個 reactComponent被創(chuàng)建，并且一個監(jiān)聽器被添加到它的componentDidMount():async componentDidMount(){   ...   // an object from the background is retrieved   let background_object = this.props.getBackgroundObject();   ...   // code including await background_object.doSomething();   ...   // add event (eventemitter3 is used for the event management)   background_object.event.on('onMusic', this.dance);   ...}async dance() {  this.setState({    'music': true,  })}但是，我無法弄清楚如何在Component消失后刪除偵聽器，例如通過單擊瀏覽器中的其他位置。我以為這componentWillUnmount就是我要找的東西，但它從未被稱為：componentWillUnmount(){  // this is never called!!!  background_object.event.removeListener('onDance', this.dance);}問題是，每次我打開（和關閉）擴展彈出窗口時，都會向 中添加一個新事件background_object，因此會dance()多次調用（與打開和關閉彈出窗口一樣多）。現(xiàn)在，我使用了once代替on：async componentDidMount(){   ...   // an object from the background is retrieved   let background_object = this.props.getBackgroundObject();   ...   // code including await background_object.doSomething();   ...   // add event (eventemitter3 is used for the event management)   background_object.event.once('onMusic', this.dance);   ...}async dance() { // add the event again in case onMusic is called again background_object.event.once('onMusic', this.dance); this.setState({   'music': true, })}這樣，至少，它只被調用了一次。但是，我擔心我的組件被多次創(chuàng)建并消耗瀏覽器中的內存。我如何確保組件實際上正在被銷毀？如何檢測彈出窗口何時關閉以刪除事件？