问题标签 [react-motion]

我正在使用 react-modal 创建模态，并尝试从页面底部滑动模态。为此，我正在尝试 react-motion TransitionMotion 组件。我的代码是：

其中 getStyles 是：

但这不起作用，因为模态组件。

我正在尝试修改此按钮菜单：

（请点击链接查看小提琴）

https://codepen.io/andytran/pen/YGyQRY

我想在各个按钮上创建一个 onclick 事件或滚动到部分属性。这是数组：

这是按钮的位置：

如您所见，按钮列在数组中，我需要识别数组的每个索引并创建一个 onclick 事件，甚至更好，使用 Reacts:to=section 属性，因此每个按钮滚动到不同的部分：1 滚动到第 1 节、第 2 节滚动到第 2 节、第 3 节滚动到第 3 节...

出于演示目的，这里是部分组件：

这是我想使用的属性

把如何做到这一点放在一个数组上？

所以，我试图在我的项目中使用React-Motion创建一个可拖动的列表。

但是，我想不出删除列表之间空格的方法（见下图）。我在某处读到这是由于 HTML 中绝对元素的性质。

我试图检查 HTML 元素以找到罪魁祸首，但无济于事。我找不到导致这些空间的元素；将边距和填充设置为 0 没有任何作用！

我的问题是，有没有办法在不破坏动画的情况下删除这些空格（即通过将其转换为内联块等）？

谢谢你。

沙盒链接

在这段代码中，react-spring我得到了一个动画，其中每个字母都等到前一个动画结束，同时它正在被动画化

为什么会发生这种情况，我该如何解决？