如何使用semantic-ui创建一个可折叠的菜单进行反应？

Question

原来的semantic-ui menu自动变成汉堡包图标

好像通过代码重复。是否有可能在semantic-ui-react中重新创建代码重复（作为一个组件）以及如何做这样的事情？

Answer 1

Semantic UI和Semantic UI React都没有响应式NavBar。但是，我想在不久的将来将它作为Semantic UI React的附加组件实现。

目前，您可以使用Menu，Responsive和Sidebar组件实现它。它将允许您避免代码和标记重复。

我做了一个codepen，展示了如何做到这一点。