ReactDOM.render() vs.root.render() |一个比另一个更受欢迎吗？

Question

我正在更新我的 React 应用程序，在阅读了 docs on rendering 之后，我发现了一种新语法：

const root = ReactDOM.createRoot(dom_element));
const react_element = <h1>Hello, world</h1>;
root.render(react_element);

我目前使用的是一种更简单的衬垫：

ReactDOM.render(react_element, dom_element);

我的语法是否过时了，我应该将其更新为“更长”的版本吗？

使用每种方法的优缺点是什么？

Answer 1

const root = ReactDOM.createRoot(dom_element));
const react_element = <h1>Hello, world</h1>;
root.render(react_element);

优点：

• 没有过时
• 不会在下一次主要更新中删除
• 允许创建多个根
• 您的应用程序运行反应 18

缺点：

• 有 3 行而不是 1 行

ReactDOM.render(react_element, dom_element);

优点：

• 是短的

缺点：

• 已过时
• 可以很快删除
• 您的应用程序将像运行 React 17 一样运行