警告：道具“id”不匹配。将tinymce与next js一起使用

Question

您好，我正在使用 tinymce 对此文档TinyMCE Doc 链接进行反应

它有效，但我从控制台收到此警告

我使用“next”：“^8.0.1”和@tinymce/tinymce-react”：“^3.0.1”

那么为什么会发生这种情况呢？有人可以帮助我吗？谢谢

Answer 1

当您使用 时Next.js，当您在render方法或功能组件函数体中初始化应正确属于生命周期处理程序的某些内容时，通常会发生此问题。

如果您没有特殊原因要服务器渲染 TinyMCE，您可以尝试仅在客户端进行。

componentDidMount尝试移动一些在您的Hook中初始化 TinyMCE 的代码useEffect（取决于您使用的是类组件还是带 Hook 的功能组件）。

这既可以避免 SSR 与浏览器不匹配的问题，又可以减轻服务器的负载。