antd menu创建多级菜单，3级菜单以后无法展示是怎么回事？

Question

antd版本为2.12.3，react和react-dom版本为15.5.0。
现在没有解决思路，不知道是不是兼容性问题还是这个版本的antd有bug。
代码如下

<Menu
  mode="horizontal"
  theme="light"
  style={{ background: 'none', border: 'none', fontSize: '15px' }}
>
  <SubMenu key='菜单1' title='菜单1'>
    <Menu.Item key='test19'>test19</Menu.Item>
    <Menu.Item key='test20'>test20</Menu.Item>
    <SubMenu key='test21' title='test21'>
      <Menu.Item key='test22'>test22</Menu.Item>
      <SubMenu key='test23' title='test23'>
        <SubMenu key='test24' title='test24'>
          <Menu.Item key='test25'>test25</Menu.Item>
        </SubMenu>
      </SubMenu>
      <Menu.Item key='test26'>test26</Menu.Item>
    </SubMenu>
  </SubMenu>
  <SubMenu key='菜单2' title='菜单2'>
    <Menu.Item key='test191'>test19</Menu.Item>
    <Menu.Item key='test201'>test20</Menu.Item>
    <SubMenu key='test211' title='test21'>
      <Menu.Item key='test221'>test22</Menu.Item>
      <SubMenu key='test231' title='test23'>
        <Menu.Item key='test241'>test24</Menu.Item>
      </SubMenu>
    </SubMenu>
  </SubMenu>
</Menu>