ReactJS - 叠加按钮放置在列表

Question

请参阅我创建的Code Sandbox中的代码示例

我想要浮动按钮的按钮动作。但是会触发分配给ListItem的Action。 任何Ideas解决方案都将受到高度赞赏。

谢谢！

Answer 1

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

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

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