React with Material-UI Drawer and AppBar components
我正在使用material-ui AppBar和Drawer组件。 从我的项目结构中可以看到,每个组件都有自己的文件。 我找不到任何文档来触发"临时抽屉"按钮或"打开左侧"菜单按钮。
临时抽屉:https://material-ui.com/demos/drawers/
带有主要搜索字段的应用栏:https://material-ui.com/demos/app-bar/
项目结构:
1 2 3 4 5 6
| App/
App.js
Menu/
Menu.js
Navigation/
Navigation.js |
-
只是问问,您不能在按下主页按钮时打开抽屉,这是问题吗? 如果是这样,您可能不会在任何文档中找到它,因为您似乎可能缺少React知识。 您需要做的是存储一个状态值(保持抽屉的打开/关闭状态),然后使用菜单按钮切换该值,然后将抽屉的"打开"属性设置为该状态值。 如果是这样的话,我可以给您进一步的帮助:),但是如果您是这种情况,我建议您阅读react的基本用法!
-
@LinoRabolini是的,我目前正在学习它:)太好了。
您将找不到关于该文档的任何文档...只需在AppBar中单击图标按钮添加左侧菜单。
如果您愿意,我可以共享整个代码,因为我已经对此进行了努力。
更新:-
这是单独文件的
中两个组件的代码或您的参考
https://codesandbox.io/s/38wm039565
是否让我知道这是否是您要找的东西。
让我知道您是否需要任何进一步的支持。
干杯!
-
是的,请。 凉! :D
-
很好的例子,但是我认为抽屉和AppBar仍在同一文件中,而不是基于组件。
-
是的,Drawer和App Bar在同一个文件中..现在我将两个组件都分离在单独的文件中..看一下代码。