reactjs - 自定义语义-ui-react 菜单

Question

我现在使用semantic-ui-react了一段时间，对我来说一切正常，但我的导航菜单有问题。

问题是我希望它为移动和桌面定制，所以换句话说，我想要一个完全不同的移动和桌面实现，我想知道是否有一种使用定制语义的正确方法来做到这一点（因为我已经自定义主题等）。

我的另一个想法是，菜单可能有only可用的选项，但在文档中没有真正找到任何东西。

最好的

Answer 1

只有Grid组件具有视口断点（在 vanilla SUI 中也是如此），因此您应该将菜单包装到其中。

<Grid>
  <Grid.Row columns={1} only='mobile'>
    <Grid.Column>
      <MobileMenu />
    </Grid.Column>
  </Grid.Row>
  <Grid.Row columns={1} only='tablet computer'>
    <Grid.Column>
      <ComputerMenu />
    </Grid.Column>
  </Grid.Row>
</Grid>

您还可以检查's 文档的设备可见性部分。Grid