前言
我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷 微信公众号前端小歌谣
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);
运行结果