12、前端构建指南

前端构建指南

1. 单页应用（SPA）的页面路由处理

单页应用（SPA）是一种只加载一个 HTML 文件的应用程序，它会在用户与页面交互时动态更新页面内容，并且根据不同的 URL 渲染不同的内容。例如，访问 example.com 会渲染主页组件，而访问 example.com/about 则会渲染关于页面组件。

要实现 SPA，我们可以使用 React Router 模块，以下是构建 SPA 的具体步骤：
1. 创建或修改应用 ：使用 Create React App 工具创建一个新的应用，或者修改之前的购物车应用。
2. 安装 React Router 模块 ：运行以下命令安装 React Router 模块：

npm install react-router-dom@4.x --save

这里的 @4.x 表示下载与示例兼容的版本。
3. 修改 App.js 文件 ：导入 React Router 模块组件：

import React, { Component } from 'react';
import {
  BrowserRouter as Router, Route, Switch
} from 'react-router-dom';
</