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

Question

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

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

第一个面板get从组件从数据库传递到this.props，但是第二个我只是要使用一个对象，当我点击第一个面板上的按钮并将该对象传递给它时，我将添加该对象.props。

有最好的做法吗？对解决方案的任何帮助都会很棒。现在删除部分只是静态的，实际上并没有做任何事情。我是新的反应和单向绑定，但我觉得这样的事情看起来很简单不应该像我这样难过。

Answer 1

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