react如何设置

安装 React

确保系统已安装 Node.js（建议版本 14 或更高）。通过以下命令创建新的 React 应用：

npx create-react-app my-app

进入项目目录并启动开发服务器：

cd my-app
npm start

项目结构说明

• src/：核心代码目录，包含入口文件 index.js 和主组件 App.js。
• public/：静态资源目录，存放 HTML 模板和图标等。
• package.json：项目配置和依赖管理文件。

添加依赖

通过 npm 或 yarn 安装常用库（如路由、状态管理）：

npm install react-router-dom redux @reduxjs/toolkit

配置基础路由

在 src/App.js 中设置基本路由：

import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';

function App() {
  return (
    <Router>
      <Routes>
        <Route path="/" element={<HomePage />} />
        <Route path="/about" element={<AboutPage />} />
      </Routes>
    </Router>
  );
}

环境变量配置

创建 .env 文件定义环境变量，变量需以 REACT_APP_ 开头：

REACT_APP_API_URL=https://api.example.com

通过 process.env.REACT_APP_API_URL 访问变量。

生产环境构建

运行构建命令生成优化后的代码：

npm run build

输出文件位于 build/ 目录，可直接部署到服务器。