Reactjs Ant-Design Menu - изменить внешний вид подменю

Question

Я занимаюсь разработкой веб-сайта Reactjs и использую библиотеку Ant-Design (antd). У меня есть меню, и я решил использовать вертикальный режим. Поскольку мой веб-сайт имеет разметку RTL, мне нужно, чтобы элементы SubMenu открывались в левой части окна меню. Как я могу это сделать?

Я подготовил изображение того, что я действительно хочу сделать:

Это мой код:

<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>

Answer 1

В стилевом уровне меню используйте float right, и оно автоматически отобразит левое подменю

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

Answer 2

Если справа нет места, меню будет автоматически открываться с левой стороны.

Вы пробовали режим vertical-right? Я не мог попробовать, но, может быть, это то, что вы ищете ...