本文介绍了使用nextjs和reaction-jss时,className不匹配的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我将nextjs与TypeScript和Reaction-JSS一起使用。我收到错误:

Warning: Prop `className` did not match. Server: "mobileNavToggle-0-2-10" Client: "mobileNavToggle-0-2-2"

我认为这是因为SSR和水合生成了不同的类名。这似乎只有在我手动重新加载页面时才会发生,而不会在下一次自动重新加载页面时发生。我如何修复此问题?

推荐答案

我修复了此问题,添加了类似with-react-jss示例中的_document.js

https://github.com/vercel/next.js/blob/master/examples/with-react-jss/pages/_document.js

这篇关于使用nextjs和reaction-jss时,className不匹配的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

05-25 10:01