react / antd中的抽屉不会在右侧所有组件下方打开

在React和Ant Design（antd）中，抽屉（Drawer）组件可以用于在页面上显示一个滑动面板，常用于展示辅助信息或者提供操作面板。默认情况下，抽屉组件会在右侧打开并覆盖在其他组件上方。

如果在使用React和Ant Design中的抽屉组件时，无法正确显示在右侧并覆盖其他组件，可能是由于以下原因之一：

1. 定位问题：抽屉组件需要通过CSS样式来进行定位。确保你的组件包含了正确的CSS样式，使得抽屉能够正确地定位在右侧。
2. 父元素问题：抽屉组件需要在一个父元素内部进行渲染。确保你的抽屉组件被正确地插入到父元素中，并且没有其他元素嵌套在父元素内部。
3. 覆盖样式问题：如果抽屉组件被其他组件所覆盖，可能是因为其他组件的CSS样式设置了较高的z-index值。可以尝试增加抽屉组件的z-index值，以确保它显示在其他组件之上。

若以上解决方法不能解决问题，你可以参考Ant Design官方文档来查找更多关于抽屉组件的相关信息和使用示例。以下是Ant Design官方抽屉组件的介绍链接：https://ant.design/components/drawer-cn/