跳到主要内容

root.render

2024年02月29日
柏拉文
越努力，越幸运

一、认识​

root.render() 更新一个 hydrate 根组件中的 React 组件来渲染浏览器端 DOM 元素。如果你在根节点还没有完成 hydrate 的情况下调用了 root.render，React 将清除现有的服务端渲染 HTML 内容，并将整个根节点切换到客户端渲染。

二、语法​

root.render(reactNode)
  • reactNode: 你想要更新的 React 节点。通常这会是一段 JSX 代码，例如 <App />，但你也可以传递一个通过 createElement() 创建的 React 元素，一个字符串，一个数字，null 值 或者 undefined 值。

三、用法​

使用 root.render 更新一个 hydrate 根组件中的 React 组件来渲染浏览器端 DOM 元素。

root.render(<App />);

React 将会在 hydrate root 中更新 <App />。