点击查看react官方文档 

 

javascript">//index.js
//整个项目的入口，项目从此开始运行//导入react和react-dom两个必要的核心包
import React from 'react';
import ReactDOM from 'react-dom/client';//导入App组件(根组件)
import App from './App';//把App根组件渲染到id为root的dom节点上，在public/index.html中定义
const root = ReactDOM.createRoot(document.getElementById('root'));使用 ReactDOM 创建的 root 实例将 App 组件渲染到指定的 DOM 节点上
root.render(<App />);

javascript">//App.js
//项目的根组件，一切组件都要从这里开始
//App 被引入 index.js 再被渲染到 public/index.html(div.root)function App() {return (<div className="App"><h1>Hello CodeSandbox</h1></div>);
}export default App;