我正在使用带有 Next.js 的 Material-UI。我想使用 Material-UI Link component这样我就可以访问 variant
和其他 Material UI related API props .同时,我需要使用Next.js Link component用于页面之间的链接。
我想知道,如何将它们两者结合使用,以便获得 Next.js Link 组件的链接优势以及 MaterialUI 链接组件的样式优势。
理想情况下,我想创建自己的 Link 组件,将它们组合成我的单个组件,以便我可以在项目中需要的任何地方使用它。
有任何想法吗?
最佳答案
您可以使用 Next.js 包装 Material UI 链接。这将提供同时使用两者的好处。
import NextLink from 'next/link'
import { Link as MUILink } from '@mui/material';
// ...
<NextLink href="/" passHref>
<MUILink variant="body2">Your Link</MUILink>
</NextLink>
关于javascript - 将 Material UI Link 组件与 Next.JS Link 组件一起使用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66226576/