自定义语义 - 用户反应菜单

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>

您还可以查看Grid文档的device visibility部分。