reactjs - 语义-ui-react 中的 Center Menu.Item

Question

我需要帮助使用semantic-ui-react 将标题(Menu.Item)置于菜单内的中心。这是我当前的代码:

render() {    
    return (
      <Menu>
        <Menu.Item>
          Editorials
        </Menu.Item>

        <Menu.Item>
          Reviews
        </Menu.Item>

        <Menu.Item position={"right"}>
          Upcoming Events
        </Menu.Item>
      </Menu>
    )
  }

因此，这将创建一个菜单，其中左侧有两个项目，右侧有一个项目。有没有办法在菜单中间创建一个项目？任何帮助将不胜感激!

提前致谢。

Answer 1

这是我修复它的方法。我添加了 2 个位置:“右”，第一个位置居中。我希望它能起作用。

render() {    
  return (
    <Menu>
      <Menu.Item>
        Editorials
      </Menu.Item>

      <Menu.Menu position='right'>
        <Menu.Item>
          Reviews
        </Menu.Item>
      </Menu.Menu>

      <Menu.Menu position='right'>
        <Menu.Item>
          Upcoming Events
        </Menu.Item>
     </Menu.Menu>
    </Menu>
  )
}