如何處理React組件層次結構以確保狀態清理？

Question

我正在創建我的第一個React應用程序，我正在努力解決一個我不太明白的錯誤。我安裝一個組件（A），然後安裝另一個組件（B），然後安裝另一個組件（C）。用戶交互導致父組件（A）在沒有任何問題的情況下被卸載（使用React.unmountComponentAtNode（））。我再重新安裝組件以重新開始活動，並開始在調用setState（）時發生錯誤：

未捕獲的錯誤：不變的違規：replaceState（...）：只能更新已安裝或已安裝的組件。

我也會得到與狀態變量相關的錯誤，保持它們的值與以前的練習。

所以我的問題是，我如何確保沒有以前的練習剩下的狀態？根據React文檔，React.unmountComponentAtNode（）將清除組件的狀態，但我清楚地看到未安裝組件的孩子在第二次安裝後會攜帶狀態。

附加信息：我使用的NodeJS與

Answer 1

陣營卸載它仍然在虛擬DOM和仍然能夠接收socket.io命令組件後。我能夠使用isMounted（）來防止錯誤。