如何覆盖antd中抽屉的转换？

Question

我有 antd 的 2 个抽屉 - 第一个调用第二个，当我打开第一个时一切正常，但是当我打开第二个时 - 第一个向右过渡 180px

• 变换X(180px)

我发现这是 github 上的一个开放问题 - https://github.com/ant-design/ant-design/issues/18781

但是我尝试了其中一个人写的解决方案，但没有成功。

Answer 1

通过样式组件有一种方法可以覆盖它 -

import { Drawer } from "antd";
const StyledDrawer = styled(Drawer)`
  .ant-drawer-content-wrapper {
    transform: translateX(0px) !important;
  }
`;

Answer 2

尝试设置push={false} 喜欢：

<Drawer push={false} />