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节点上并渲染。