小编Had*_*eez的帖子

我在 React 中使用 Chakra UI，当我尝试单击可点击框内的按钮时，框的功能正在执行。Z-index 也没有解决这个问题。

我的代码：

<Box
   w="90%"
   h="auto"
   mt="10px"
   position="relative"
   key={index}
   borderWidth="1px"
   borderRadius="lg"
   onClick={() =>
   history.push(`/products/${item.cat_name}/${item.id}`)}
>
 <h1 className={styles.heading_bold}>{item.cat_name}</h1>
<Button position="absolute" top="3" right="3" zIndex="0"> //Button not able to click
 Options
</Button
</Box>

代码沙盒链接