javascript - 如何在仍然使用 React 的情况下制作静态主页?

标签 javascript reactjs react-router

据我了解,React.js 不利于 SEO。我想让我的主页静态化,并且不让 React 参与渲染它,这样我就可以优化它,使其尽可能对 SEO 友好。最好的方法是什么?

最佳答案

您需要使用server side rendering ,它利用 React renderToString 方法,需要动态 Web 服务器。 Here's a tutorial.

renderToString()

Render a React element to its initial HTML. This should only be used on the server. React will return an HTML string. You can use this method to generate HTML on the server and send the markup down on the initial request for faster page loads and to allow search engines to crawl your pages for SEO purposes.

If you call ReactDOM.render() on a node that already has this server-rendered markup, React will preserve it and only attach event handlers, allowing you to have a very performant first-load experience.

关于javascript - 如何在仍然使用 React 的情况下制作静态主页?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44961331/

相关文章:

javascript - 无法在无状态组件中的现有状态转换期间更新

javascript - 如何在react-router Handler进入 View 之前识别NotFound?

javascript - 我如何检查我的 div 标签字段是否为 null 以及它是否为 null 用 Jquery 做一些事情

javascript - 将参数传递给事件处理程序

reactjs - 如何从 Next Js URL 中删除子文件夹名称?

javascript - React 私有(private)路由不渲染登录组件

javascript - 文本文件转为 JSON,最后几行不包含在结果中

reactjs - React Router 深度链接

javascript - 在页面加载完成之前显示图像

JavaScript 检测页面底部在 Chrome 上则相反