使用API中的HTML而不是index.html中的静态HTML来水化我的React应用

萨尔瓦·拉格万(Sarva Raghavan)

我正在使用create-react-app构建一个React应用程序。我的应用程序将依赖于用于初始HTML的API,通过该API我可以对应用程序进行水合处理,并在加载期间动态向其添加React组件并提供给浏览器。

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

是否有其他方法没有像这样的肮脏之路,或者是否有其他最佳实践来做这样的事情?

胖子

如果您在后端使用React,那么ReactDOM.hydrate从React 16开始就可以使用。

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

React组件中的静态HTML

运行应用中的Grails 3.0静态html

在 React 中渲染来自 API 的静态页面(javascript + html)响应

React 应用程序未呈现 CSS,我在 index.html 中添加了 CSS 文件

为什么在Azure Web应用程序中找不到我的静态html文件?

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

我用react.js制作了一个表决应用,使用了样式化的组件,但是在index.html中呈现了所有

Angular在我的HTML中添加了很多静态代码

Nrwl Nx React 在构建 index.html 中自定义静态路径

春季启动2的index.html不是从子目录中自动加载映射为静态资源

静态html中的相对网址

vNext中的静态HTML的CORS

我应该为React提供多少静态HTML?

我无法使用Angularjs在index.html中包含另一个html页面

如何动态渲染哈巴狗文件而不是使用静态angular-cli index.html?

我如何使用在JavaScript中创建的变量来设置HTML中图像的“ src”属性?

在 React 应用程序中以编程方式在 index.html 中为 BODY 设置类

使用原生 codeigniter 而不是 HTML 来约会

为什么我的Nginx将我的应用程序静态文件路由到我的index.html

HTML输出而不是textarea中的HTML代码

404错误:无法使用django rest框架提供静态React构建,除非我转到/index.html

为什么在HTML中直接使用React(而不是在React环境中)是一个坏主意?

无法在 public/index.html 中获取用于 React 应用程序的环境变量

使用 Webpack 4 可以访问我的 javascript 代码中的 hash 或 contenthash,而不是 html?

在 React 中渲染来自 API 的 html 响应

如果使用Angular在HTML中如何应用

为什么我无法在Wpf中使用应用程序内的WebView来导航html文件?

在 React 中返回 html

HTML中的焦点表格不是蓝色,我希望它是红色