tinymce - 警告：道具“id”不匹配。在下一个 js 中使用 tinymce

Question

嗨，我正在使用 tinymce 对此文档TinyMCE 文档链接做出反应

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

我正在使用“下一个”：“^8.0.1”和@tinymce/tinymce-react”：“^3.0.1”

那么为什么会这样呢？任何人都可以帮助我吗？谢谢

标签： tinymcenext.js

Answer 1

看到你正在使用Next.js，当你在你的render方法或功能组件函数体中初始化一些应该正确属于生命周期处理程序的东西时，通常会发生这个问题。

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

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

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