gpt4 book ai didi

reactjs - Material UI + Nextjs : Drawer

转载 作者:行者123 更新时间:2023-12-04 00:57:51 27 4
gpt4 key购买 nike

我的 React Nextjs 项目中 Material UI Drawer 的实现有问题。

问题是当我在导航器中重新加载页面时,抽屉和应用栏的样式崩溃了。这在我重新加载服务器时没有发生,只有在页面重新加载时才会发生。

enter image description here

目前我不知道我必须尝试解决这个问题,我不知道为什么会发生这种情况,因为我唯一要做的就是打印和粘贴示例 o material UI https://material-ui.com/components/drawers/#drawer在布局组件中,而不是在页面中。

最佳答案

那是因为 NextJS 使用 SSR。
在 Material UI 文档中,有一部分完全专用于 NEXTJS:

https://material-ui.com/styles/advanced/#next-js

或者,如果你愿意,你可以检查 material-ui repo(看看 _app.js 和 _document.js)

https://github.com/mui-org/material-ui/tree/master/examples/nextjs

关于reactjs - Material UI + Nextjs : Drawer,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60877230/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com