Reactjs 反向dnd顺序

我有一个工作垂直列拖放反应应用程序使用，但想'倒置'它，使可拖动的项目下降到底部的下拉div，而不是浮动到顶部。这可能吗？

如果我理解正确，您希望有一个列表，当容器未满时，该列表中的项目与容器底部对齐

如果是这样，那么是的-我会使用flexbox

这里有一个很好的flex资源-

使用flex有多种不同的实现方法。选择你的毒药

编辑

基于代码沙盒： 我将向间隔组件添加一个包装器div，其高度与您现在的高度相同。在子div上，添加一个动态高度字段，该字段取决于间隔包含的表的数量

---

用户将无法放入整个列中，但您可以对其进行样式设置，以便在列为空时向用户显示他们需要放入的位置。

我最终创建了另一个flexGrow=1的不可见条带，以将所有内容推到底部。

正确，我基本上希望该区域像“列反转”柔性框一样工作。但是，如果我让我的区域包含一个列反转flex框，DND动画会显示项目在底部出现之前移动到顶部。（）你能在沙箱中复制吗？我会这样做。将包装器div添加到间隔组件中，其高度与现在的高度相同。在子div上，添加一个动态高度字段，该字段取决于间隔包含的表的数量。用户将无法放入整个列中，但您可以对其进行样式设置，以便在列为空时向用户显示他们需要放入的位置。我会把它放在沙箱里，但这将是一项我现在没有时间做的工作。我已经更新了答案。请将其标记为已接受的答案。