1.React和ReactDOM的作用 - yiqunkeke/react-jianshu-shangguigu-zty GitHub Wiki

import React from 'react';  // 如果在文件中使用了JSX语法,就一定要引入React
import ReactDOM from 'react-dom';
import App from './App'; // 组件
import TodoList from './TodoList'

// ReactDOM的render()方法:可以把一个组件,挂载到某一个DOM节点上。
ReactDOM.render(
  <React.StrictMode>
    <App /> 
    {/* JSX语法 
    并没有直接 App 来使用组件,而是使用了 <App/>标签的方式来使用组件。这就是JSX语法。
    如果不引入React,(import React from 'react')则无法编译这种React语法。
    */}
    <TodoList/>
  </React.StrictMode>,
  document.getElementById('root') // 这里,把<App/>组件挂载到了id为root的节点上。
);

总结: React的作用是解析JSX语法

ReactDOM.render()的作用是将一个组件挂载到一个DOM节点上并渲染

⚠️ **GitHub.com Fallback** ⚠️