ReactJS - 放置在列表上方时覆盖按钮不可点击

Question

请查看我创建的代码沙箱中的代码示例

我希望触发浮动按钮的按钮操作。但相反，分配给 ListItem 的操作被触发。 任何想法解决方案都将受到高度赞赏。

谢谢！

Answer 1

这更像是一个标记/样式问题而不是 js 问题。您可以做的最简单的事情是在溢出容器上设置一个 z-index。

const overlay = {
    position: 'absolute',
    bottom: 30,
    right: 10,
    zIndex: 100
}

这使您的示例有效，但也许有更好的标记解决方案来解决您的问题。