跳到主要内容

root.render

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

一、认识​

root.render() 将一段 JSX（React 节点）在 React 的根节点中渲染为 DOM 节点并显示。首次调用 root.render 时，React 会先清空根节点中所有已经存在的 HTML，然后才会渲染 React 组件。如果你在一个根节点上多次调用了 render，React 仍然会更新 DOM，这样才能保证显示的内容是最新的。React 将会筛选出可复用的部分和需要更新的部分，对于需要更新的部分，是 React 通过与之前渲染的树进行 比较 得到的。在同一个根节点上再次调用 render 就和在根节点上调用 set 函数。类似: React 会避免没必要的 DOM 更新。

二、语法​

root.render(reactNode);
  • reactNode: 个你想要显示的 React 节点。它总是一段 JSX，就像 <App />，但是你也总是可以传递一个 createElement() 构造的 React 元素、一个字符串、一个数字、null 或者 undefined。