如何在React中的两个组件之间移动项目

Question

我正在尝试将项目从一个列表转移到下一个列表，以及它的对象ID，以便以后可以删除它。 当前看起来像这样：

问题是，我似乎无法弄清楚如何选择对象并将其移动到具有该信息的删除面板上（这两个面板只是引导程序中的面板组件）。 我尝试使用复选框（如下所示），但无法选择列表组的值（也是引导程序组件）将其传递到下一个面板。

第一个面板将组织从数据库传递到this.props中，但是第二个面板我将使用单击第一个面板上的按钮时要添加的对象，然后将该对象传递到this.props中。

是否有最佳做法来做到这一点？ 解决方案方面的任何帮助都会很棒。 现在，删除部分只是静态的，实际上不执行任何操作。 我是新来的反应者，它是一种绑定方式，但是我觉得似乎这种简单的事情不应该让我陷入困境。

Answer 1

您可以维护一个数组，例如organizationIdsToDelete甚至organizationsToDelete ，当您选择要删除的组织时会添加到该数组。 然后，像现在一样将原始组织列表传递到第一个组件，然后将过滤后的组织列表传递给第二个组件。