请问下，`ReactDOM.createRoot()`是创建虚拟DOM吗？这个root是虚拟DOM一种特殊类型是吗？

Question

创建react项目之后，

在src/index.js里面有：

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>
);

1.请问下，ReactDOM.createRoot()是创建虚拟DOM吗？这个root是虚拟DOM一种特殊类型是吗？

2.在index.js中没有<script/>引入bable，为何可以直接写JSX呢？

3.reportWebVitals的作用是什么？

4.在src/index.js 中，root.render() 方法会将里面的JSX渲染到public/index.html中。但是index.js中引入的index.css，是怎么被渲染进入public/index.html里面的呢？

Answer 1

1. 可以看看这个：翻译翻译，什么叫ReactDOM.createRoot
2. create-react-app 简称 CRA，是基于 webpack 封装的脚手架，转换是通过 webpack 配合 babel 插件实现的，可以在命令行输入 npm run eject 将所有配置弹出然后查看
3. reportWebVitals 这个函数来自 src/reportWebVitals.js，基于 web-vitals 这个库，主要用来测试页面的各种性能指标 CLS, FID, FCP...
4. 这属于 webpack 的特性，可以引入 css 或者图片。强烈建议跟着 webpack 官网的指南走一遍：https://webpack.docschina.org...