警告 Prop `href` 不匹配
Posted
技术标签:
【中文标题】警告 Prop `href` 不匹配【英文标题】:Warning Prop `href` did not match 【发布时间】:2021-11-26 03:54:16 【问题描述】:我在另一个动态页面路由之后有一个动态页面路由。我只收到第二个动态页面路由的警告。
Warning: Prop `href` did not match. Server: "/books/category/[category]/filter/[filter]#" Client: "/books/category/literatura-oastei/filter/ceva#"
如何解决这个警告?
【问题讨论】:
【参考方案1】:我必须在getStaticPaths
函数中使用设置为blocking
的fallback
属性。
例子:
export const getStaticPaths: GetStaticPaths = async () =>
return
paths: [],
fallback: 'blocking'
;
;
详细了解fallback
属性here。
【讨论】:
getStaticPaths 只允许用于动态 SSG 页面 我在***.com/questions/69807274也遇到了同样的问题以上是关于警告 Prop `href` 不匹配的主要内容,如果未能解决你的问题,请参考以下文章
react-select:如何解决“警告:道具`id`不匹配”
警告:道具 `className` 不匹配 ~ Material UI css 在重新加载时任意中断
警告:道具 `className` 不匹配。当使用带有语义-ui-react 的样式化组件时
Next.Js 带有样式组件的 React 应用程序。警告:道具 `className` 不匹配。服务器:“x” 客户端:“y”