13、React Router与Redux开发指南

React Router与Redux开发指南

1. React Router基础

React Router是用于管理React应用中客户端路由的强大库。以下是一些基本概念和操作：
- 路由参数 ：可以在路由中定义参数，例如：

<Route path="/user/:id" component={User} />

在 User 组件中，可以使用 useParams 钩子从URL中提取 id 参数的值：

import { useParams } from 'react-router-dom';
function User() {
    const { id } = useParams();
    return <div>User ID: {id}</div>;
}

• 设置404页面 ：
  • 首先，创建一个 NotFound.js 组件：

import React from 'react';
const NotFound = () => {
    return (
        <div&