ReactDOM.render 和 ReactDOM.createRoot 二者的区别

ReactDOM.render 和 ReactDOM.createRoot 都是用于在 React 应用程序中渲染组件的方法，但它们之间存在一些区别：

ReactDOM.render：这个方法是 React 早期版本中使用的，现在已经被 ReactDOM.createRoot 替代。
ReactDOM.render 方法接受两个参数：第一个参数是要渲染的 React 组件，第二个参数是 DOM 元素，将组件渲染到该元素上。

ReactDOM.render(modal, div);

将modal渲染到div中

ReactDOM.createRoot：这个方法是在 React 18 版本中引入的，用于创建一个新的根容器，以便在应用程序中渲染组件。
与 ReactDOM.render 不同，ReactDOM.createRoot 不需要指定一个现有的 DOM 元素，而是返回一个可以用于渲染组件的根容器对象。

divRoot = ReactDOM.createRoot(div);
divRoot.render(modal);

总结：ReactDOM.createRoot 是 React 18 版本中引入的新方法，用于创建新的根容器，而 ReactDOM.render 是早期版本中使用的方法，已被 ReactDOM.createRoot 替代。

__EOF__

本文作者：龙陌
本文链接：https://www.cnblogs.com/longmo666/p/18373410.html
关于博主：评论和私信会在第一时间回复。或者直接私信我。
版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！