Material-UI Next js 链接按钮

Question

我正在开发一个使用 Next-JS 和 Material-UI 构建的服务器端渲染 React 项目。并且我想应用到 Material Ui按钮->带有动态路线的链接

我怎样才能做到这一点？我会应用 React Router Link，但它是不同的......

我的问题是它有另一个所需的属性，例如“as”属性。

Answer 1

什么对我有用（灵感来自Github 中的这条评论）：

 <Link
     href={'/static/[dynamic]'}
     as={'/static/' + someJsString}
     passHref>
     <Button
        component="a">
        // other component ...
     </Button>
  </Link>

对于版本v10+：

<Link
    href={`/static/${someJsString}`}
    passHref>
    <Button
       component="a">
       // other component ...
    </Button>
</Link>

Answer 2

编辑

从 v10+开始next.js，您不需要as使用自动 `href` 解析来指定，因此上面的代码可以写为：

<Link
     href={'/static/' + someJsString}
     passHref>
     <Button
        component="a">
        // other component ...
     </Button>
  </Link>