我正在使用Mui的日期库,它需要一个提供程序来 Package 所有组件:
import { LocalizationProvider } from '@mui/x-date-pickers';
import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs'
function App({ children }) {
return (
<LocalizationProvider dateAdapter={AdapterDayjs}>
{children}
</LocalizationProvider>
);
}
字符串
但是NextJs 13中没有相应的App函数,它只提供/app
目录中的页面。
1条答案
按热度按时间aemubtdh1#
在Next.js 13中,App函数被app目录中的根布局替换。您可以在app/layout.tsx文件中将提供程序 Package 在所有组件周围:
字符串
这会将LocalizationProvider应用于应用程序内的所有路由。children prop 将填充嵌套的布局或页面