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>