index.html
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>React项目</title> </head> <body> <div id="root"></div> <!-- public/index.html是首页的模板，webpack在编译文件时， 会以index.html为模板生成index.html --> </body> </html>
index.js
// src/index.js 是js的入口文件 // 引入ReactDOM import ReactDOM from 'react-dom/client'; // 创建一个JSX const App = <div> <h1>这是一个React项目</h1> <p>我终于有了第一个React项目了!!!</p> </div>; // 获取一个根容器 const root = ReactDOM.createRoot(document.getElementById('root')); // 将App渲染进根容器 root.render(App);
运行结果
