使用 API 中的 HTML 而不是 index.html 中的静态 HTML 来滋润我的 React 应用程序
Hydrate my React app with HTML from the API instead of static HTML from index.html
我正在使用 create-react-app 构建一个 React 应用程序。我的应用程序将依赖 API 作为初始 HTML，我将使用它来滋润我的应用程序并在加载期间向其动态添加 React 组件并提供给浏览器。
我计划在初始应用程序组件的 componentDidMount() 中调用 API 并使用 [=15] 将静态 HTML 替换为 API 中的动态=]我可以替换整个DOM（包括<html></html>）。
有没有其他方法没有像这样的肮脏路径，或者有没有其他最佳实践来做这样的事情？
如果您在后端使用 React，那么 ReactDOM.hydrate 自 React 16 起可用。
否则最好在第一次调用 ReactDOM.render 之前删除呈现的后端 DOM。
我正在使用 create-react-app 构建一个 React 应用程序。我的应用程序将依赖 API 作为初始 HTML，我将使用它来滋润我的应用程序并在加载期间向其动态添加 React 组件并提供给浏览器。
我计划在初始应用程序组件的 componentDidMount() 中调用 API 并使用 [=15] 将静态 HTML 替换为 API 中的动态=]我可以替换整个DOM（包括<html></html>）。
有没有其他方法没有像这样的肮脏路径，或者有没有其他最佳实践来做这样的事情？
如果您在后端使用 React，那么 ReactDOM.hydrate 自 React 16 起可用。
否则最好在第一次调用 ReactDOM.render 之前删除呈现的后端 DOM。