<div id=root></div> 在 React 中显示空白源代码？
<div id=root></div> shows blank source code in React?
我正在创建一个 mern 堆栈应用程序，我遇到了如图所示的问题
这是当我在 chrome
中按下 ctrl + U 时显示的内容
这是开发工具中显示的内容
我的应用程序仍处于开发模式，这会影响 seo 吗？我如何在源代码中呈现开发工具中显示的内容？
谢谢
发生这种情况是因为 ReactJS 是使用 JS 呈现的。这意味着 DOM 将使用 JS 更新。当您使用 ctrl + U 打开它时，您只会看到 HTML 文档，JS 引擎没有进行任何更改。
我不认为这样保留它会影响 SEO，但您可以使用服务器端渲染来实现您想要的。
这是因为我们写的 jsx 实际上比 html 更接近 js，
在我们发送代码之后，我们发送 js 并且只发送根 div。
当 js 在浏览器中执行时，div 被填充。
现在它对SEO有影响，
如果您使用原始反应，如果您在任何社交媒体上分享您的网站，您将不会获得任何预览。
如果它是博客或某些文档页面，我建议您查找静态生成或服务器端渲染并使用 nextjs 或 gatsbyjs。
我正在创建一个 mern 堆栈应用程序，我遇到了如图所示的问题
这是当我在 chrome
中按下 ctrl + U 时显示的内容这是开发工具中显示的内容
我的应用程序仍处于开发模式，这会影响 seo 吗？我如何在源代码中呈现开发工具中显示的内容？ 谢谢
发生这种情况是因为 ReactJS 是使用 JS 呈现的。这意味着 DOM 将使用 JS 更新。当您使用 ctrl + U 打开它时，您只会看到 HTML 文档，JS 引擎没有进行任何更改。
我不认为这样保留它会影响 SEO，但您可以使用服务器端渲染来实现您想要的。
这是因为我们写的 jsx 实际上比 html 更接近 js， 在我们发送代码之后，我们发送 js 并且只发送根 div。 当 js 在浏览器中执行时，div 被填充。
现在它对SEO有影响， 如果您使用原始反应，如果您在任何社交媒体上分享您的网站，您将不会获得任何预览。 如果它是博客或某些文档页面，我建议您查找静态生成或服务器端渲染并使用 nextjs 或 gatsbyjs。