我正在使用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] 删除。
我来说两句