真的需要reactDOM.render（）吗？

Question

我有一个问题。 我一直在我工作的公司中开发React组件，但从未真正使用过reactDOM.render()函数。 （除了INDEX.JS：

ReactDOM.render(
<App />, document.getElementById('root'));

为什么在其他地方需要它？ 为了呈现给以下组件？

import React from 'react';

class Compo extends React.component {
render() {
  return <div />
}

export default Compo;

仅通过其他组件渲染功能中的<Compo />即可完成操作，因此我真的不明白为什么需要reactDOM.render()。

谢谢。

Answer 1

好的基础

 ReactDOM.render(
  element,
  document.getElementById('root')
);

是ReactDom.render比较元素及其子元素并仅更新所需内容

例如，如果您的元素如下所示：

const element = <div>
                 <h1>
                  "sometext getting updated"
                 </h1>
                <div>

当您的应用程序创建一个新元素并将其传递到ReactDom.render()时，它将仅更新文本字段，并且只要您有一个页面应用程序ReactDom.render()就应该位于index.js上，如下所示：一个入口点。

Answer 2

我想您还没有找到。.最好搜索

ReactDOM.render(<App />, document.querySelector("#root"));

在您的主要index.js或app.js中。我认为如果没有此渲染方法，就不可能制作虚拟dom。

Answer 3

反应组件包含要显示的逻辑和内容。

但是通过react-dom打包方法，我们可以将内容呈现到DOM中。

ReactDom.render(element,container[,callback]);
ReactDom.render(<App/>,document.getElementById('root'));

此处ReactDom.render函数将元素<App/>加载到 root容器中的DOM中。