如何在React中的兩個組件之間移動項目

Question

我正在嘗試將項目從一個列表轉移到下一個列表，以及它的對象ID，以便以后可以刪除它。 當前看起來像這樣：

問題是，我似乎無法弄清楚如何選擇對象並將其移動到具有該信息的刪除面板上（這兩個面板只是引導程序中的面板組件）。 我嘗試使用復選框（如下所示），但無法選擇列表組的值（也是引導程序組件）將其傳遞到下一個面板。

第一個面板將組織從數據庫傳遞到this.props中，但是第二個面板我將使用單擊第一個面板上的按鈕時要添加的對象，然后將該對象傳遞到this.props中。

是否有最佳做法來做到這一點？ 解決方案方面的任何幫助都會很棒。 現在，刪除部分只是靜態的，實際上不執行任何操作。 我是新來的反應者，它是一種綁定方式，但是我覺得似乎這種簡單的事情不應該讓我陷入困境。

Answer 1

您可以維護一個數組，例如organizationIdsToDelete甚至organizationsToDelete ，當您選擇要刪除的組織時會添加到該數組。 然后，像現在一樣將原始組織列表傳遞到第一個組件，然后將過濾后的組織列表傳遞給第二個組件。