Javascript 下面几段代码之间的区别是什么？

第一项：

ReactDOM.render((
  <Provider store={store}>
    <App />
  </Provider>
),document.getElementById('root'));

ReactDOM.render((
)，document.getElementById（'root'）；

第二项：

ReactDOM.render(
  <Provider store={createStoreWithMiddleware(reducers)}>
    <App />
  </Provider>,
  document.querySelector(".container")
);

ReactDOM.render(
,
文档查询选择器（“容器”）
);

---

我想知道的是，

document.querySelector（“.container”）

和

document.getElementById（'root'）

？

document.getElementById（'root'）

使用

id root

从HTML中获取DOM元素，而

document.querySelector（'.container“)

使用

类容器从HTML获取第一个元素

根据MDN文档：

document.querySelector（）

返回文档中与
指定的选择器或选择器组，如果没有匹配项，则为null
找到了

document.getElementById（）

通过元素的ID返回对元素的引用；ID是一个字符串，它
可用于唯一标识HTML id中的元素
属性

所以

在第一种情况下您的React应用程序将在具有
id根的DOM元素中呈现
，而在第二种情况下它将在具有类
容器的第一个DOM元素中呈现
，如果您指的是文档中的差异。querySelector（.container）和document.querySelector（“.root”）

然后

document.querySelector（“.root”）
-->在类为“root”的所有元素中呈现react代码

document.querySelector（“.container”）
-->在类为“container”的所有元素中呈现react代码

如果您是指问题中document.querySelector（.container）和document.getElementById（'root'）之间的差异

然后

document.getElementById（'root'）
-->在id为“root”的元素中呈现react代码

document.querySelector（.container”）
-->在类为“container”的所有元素中呈现react代码
您指的是问题中的document.querySelector（.root）还是document.getElementById（.root'）？