该视频仅会员有权观看
立即开通课程「React.js 前端应用开发实践」权限。
- React应用的网页文档位于public目录下的
index.html文件。
- 文档的
<body>元素中有一个id为root的元素，用作React应用的根元素。
- 用
create react app创建的React项目的入口文件是src目录下的index.js或index.tsx(对于使用TypeScript的项目)。
- 实现React应用，首先在文件顶部导入
react-dom依赖。
- 可以通过
react-dom的createRoot方法创建一个React根元素，需向其提供一个HTML元素，即上面的root元素。
- 使用
document.getElementById获取页面上的root元素，并确认其为HTMLElement类型（TypeScript项目中）。
- 使用
root.render方法渲染应用界面，简单示例为显示一个内容为“你好啊”的大标题。
- 通过命令
npm run start运行项目的开发服务，将看到包含“你好啊”的标题界面。
- 检查网页元素将发现标题被
<h1>元素包裹，并位于id为root的元素内。
- 最后，建议删除
index.html文件中的注释内容。
