繁体 English 中英

使用 API 中的 HTML 而不是 index.html 中的静态 HTML 来为我的 React 应用程序补充水分

[英]Hydrate my React app with HTML from the API instead of static HTML from index.html

原文 2018-03-13 09:37:25 1 1 javascript/ reactjs/ api/ create-react-app

我正在使用 create-react-app 构建一个 React 应用程序。 我的应用程序将依赖于初始 HTML 的 API，我将使用它来为我的应用程序补充水分，并在加载期间向其动态添加 React 组件并提供给浏览器。

我计划在初始应用程序组件的componentDidMount()中调用 API，并使用ReactDOM.render(element, document)将静态 HTML 替换为 API 中的动态 HTML 我可以替换整个 DOM（包括<html></html> )。

是否有任何其他方法没有像这样的肮脏路径，或者是否有任何其他最佳实践来做这样的事情？

1 个解决方案

如果你在后端使用 React，那么ReactDOM.hydrate从 React 16 开始可用。

否则，最好在第一次调用ReactDOM.render之前删除后端渲染的 DOM。

“从服务器注入数据”到 React 应用程序的 index.html

[英]"Inject data from server" into a React app's index.html

反应，从index.html打开

[英]React, open from index.html

反应来自index.html的访问组件

[英]React access components from index.html

为什么 fetch 返回我的 React 应用程序的 index.html 而不是我提供的 URL？

[英]Why is fetch returning my React app's index.html instead of the URL I provided?

React.js中的奇怪错误-尽管未被调用，Fetch API仍从index.html返回HTML

[英]Strange Error in React.js — Fetch API is returning HTML from index.html, despite not being called

从index.html在其他服务器上部署React / Webpack静态目录

[英]Deploy React/Webpack static directory on different server from index.html

在React应用中更改index.html的路径

[英]Change the path of index.html in a react app

在 index.html 中使用来自 CDN 链接的 React 组件

[英]Use React components from a cdn link, in an index.html

从index.html调用.js文件（反应）

[英]Calling a .js file (react) from index.html

如何在React中从index.html引用CSS文件

[英]How to refer a css file from index.html in React

暂无

暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 “从服务器注入数据”到 React 应用程序的 index.html 反应，从index.html打开反应来自index.html的访问组件为什么 fetch 返回我的 React 应用程序的 index.html 而不是我提供的 URL？ React.js中的奇怪错误-尽管未被调用，Fetch API仍从index.html返回HTML 从index.html在其他服务器上部署React / Webpack静态目录在React应用中更改index.html的路径在 index.html 中使用来自 CDN 链接的 React 组件从index.html调用.js文件（反应）如何在React中从index.html引用CSS文件

相关标签

粤ICP备18138465号 © 2020-2024 STACKOOM.COM