Reactjs 中心菜单。语义用户界面中的项

我需要帮助集中标题（菜单项）内的菜单使用语义界面反应。这是我目前的代码：

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

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

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

render（）{
返回(
社论
评论
即将举行的活动
)
}

这样就创建了一个菜单，左边有两个项目，右边有一个项目。我能在菜单中间创建一个项目吗？任何帮助都将不胜感激

---

提前谢谢。

这对我很有用。也许可以用我用来设置它的语法，明确地设置左项的位置。（即，不要将位置值用大括号括起来）

社论
评论
即将举行的活动

以下是我如何修复它的。 我加了两个位置：“右”，第一个位置居中。我希望它能起作用

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

render（）{
返回(
社论
评论
即将举行的活动
)
}

你找到了这个问题的解决方案吗？@AziCode没有。谢谢你的贡献。请考虑添加解释。随着时间的推移，高质量的答案会增加分数，因为访问者可以从帖子中学到一些东西，这些东西可以应用于他们自己当前的编码问题，或者可以防止将来的问题发生。考虑编辑来阐明如何/为什么这个代码应该解决OP的问题。这里是一个快速的解释。自菜单。菜单位置：语义界面中的“右”有左边空白：自动！重要；第一个居中。

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