react 如何执行
安装 React 环境
确保已安装 Node.js(建议版本 14 或更高)。通过以下命令创建新的 React 项目:
npx create-react-app my-app
cd my-app
npm start
此命令会启动开发服务器,默认在 http://localhost:3000 打开应用。
项目结构说明
核心文件位于 src 目录:
App.js:主组件入口。index.js:渲染根组件到 DOM。public/index.html:HTML 模板。
编写组件
创建函数组件示例:
import React from 'react';
function Hello() {
return <h1>Hello, React!</h1>;
}
export default Hello;
类组件示例:
import React, { Component } from 'react';
class Hello extends Component {
render() {
return <h1>Hello, React!</h1>;
}
}
export default Hello;
运行与构建
开发模式下实时热更新:
npm start
生产环境构建:
npm run build
构建后的文件位于 build 目录,可直接部署到服务器。
调试工具
安装 React Developer Tools 浏览器扩展,用于检查组件层级和状态。支持 Chrome、Firefox 等主流浏览器。







