Javascript Reactjs Ant设计菜单-更改子菜单外观

我正在开发一个Reactjs网站，我正在使用Ant Design（antd）库。我有一个菜单，我决定使用垂直模式。由于我的网站有rtl布局，我需要在菜单框的左侧打开子菜单项。我该怎么做

我已经准备好了我真正想做的事情：

这是我的代码：

<Layout className="SideMenus">
  <Menu mode="vertical" defaultSelectedKeys={['One']}>
  <Menu.Item key="One">One</Menu.Item>
  <Menu.Item key="Two">Two</Menu.Item>
  <SubMenu key="Three" title="Three">
     <Menu.Item key="Option3">Option3</Menu.Item>
     <Menu.Item key="Option4">Option4</Menu.Item>
  </SubMenu>
</Layout>

一个
两个
选择3
选择4

如果右侧没有空格，菜单将自动在左侧打开

---

您是否尝试过垂直右侧模式？我真的无法尝试，但也许这正是您想要的…

在菜单级样式中使用float right，它会自动弹出子菜单左侧

<Menu onClick={handleClick} style={{ width: 256 , float : "right"}} mode="vertical">

您可以使用菜单组件：

<ConfigProvider direction="rtl"><Menu /></ConfigProvider>

由于我的布局是RTL，菜单位于网页的最右侧，因此右侧没有空间。但它仍然在右侧打开，隐藏在滚动条后面！我也尝试过“垂直右”，但那不是我想要的。它在折叠菜单框时显示子菜单项。这很奇怪，因为对我来说，它是有效的。你能重现这个问题吗？或者共享您的代码？我刚刚编辑了问题并添加了代码，但这是在antd中添加菜单的常用方法。这不会发生！：/真奇怪！您的代码在这里工作正常，但是当我添加

样式

并将模式更改为

垂直右侧

时，我在代码中看不到相同的更改。我原以为问题出在

布局
内容上，但事实并非如此。