如何用语义ui重新创建自动可折叠菜单以进行反应？

Question

原始semantic-ui menu会自动变成汉堡包图标

似乎是通过代码重复。是否可以在semantic-ui-react中重新创建代码重复（作为一个组件）以及如何执行此操作？

Answer 1

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

目前，您可以使用Responsive，Sidebar和list1 = [['first',1], ['second',2], ['third',3]] list2 = [['first',1], ['second',2], ['third',3]] print(sorted(list1) == sorted(list2)) 组件来实施它。它将允许您避免代码和标记重复。

我已经制作了codepen来说明如何执行此操作。