如何在反应中的两个组件之间移动项目
How to move items between two components in react
我正在尝试将一个项目从一个列表转移到下一个列表，连同它的对象 ID，这样我就可以在之后删除它。目前看起来像这样：
问题是，我似乎无法弄清楚如何 select 对象并将其移动到包含该信息的删除面板（两个面板都是来自 bootstrap 的面板组件） .我尝试使用复选框（如下所示），但无法 select 列表组（也是 bootstrap 组件）的值将其传递到下一个面板。
第一个面板将组织从数据库传递到 this.props，但第二个面板我只是要使用一个对象，当第一个面板上的按钮被单击并传递时，我将添加到该对象那个对象变成 this.props.
是否有执行此操作的最佳实践方法？对解决方案的任何帮助都会很棒。现在，删除部分只是静态的，实际上没有做任何事情。我不熟悉反应和单向绑定，但我觉得看起来如此简单的东西不应该让我像这样难过。
您可以维护一个像 organizationIdsToDelete 甚至 organizationsToDelete 这样的数组，当您要删除 select 组织时，它会被添加到其中。然后像现在一样将原来的组织列表传递给第一个组件，将过滤后的要删除的组织列表传递给第二个组件。
我正在尝试将一个项目从一个列表转移到下一个列表，连同它的对象 ID，这样我就可以在之后删除它。目前看起来像这样：
问题是，我似乎无法弄清楚如何 select 对象并将其移动到包含该信息的删除面板（两个面板都是来自 bootstrap 的面板组件） .我尝试使用复选框（如下所示），但无法 select 列表组（也是 bootstrap 组件）的值将其传递到下一个面板。
第一个面板将组织从数据库传递到 this.props，但第二个面板我只是要使用一个对象，当第一个面板上的按钮被单击并传递时，我将添加到该对象那个对象变成 this.props.
是否有执行此操作的最佳实践方法？对解决方案的任何帮助都会很棒。现在，删除部分只是静态的，实际上没有做任何事情。我不熟悉反应和单向绑定，但我觉得看起来如此简单的东西不应该让我像这样难过。
您可以维护一个像 organizationIdsToDelete 甚至 organizationsToDelete 这样的数组，当您要删除 select 组织时，它会被添加到其中。然后像现在一样将原来的组织列表传递给第一个组件，将过滤后的要删除的组织列表传递给第二个组件。