React And TypeScript（三：集成React-Router和React-Router-Redux）

最新推荐文章于 2024-09-18 14:27:48 发布

Justin0223

最新推荐文章于 2024-09-18 14:27:48 发布

阅读量5k

点赞数

分类专栏： React 文章标签： React-Router React React-Router-Redux

本文链接：https://blog.csdn.net/u010377383/article/details/79022500

版权

本文档介绍了如何在React项目中集成React-Router V3和React-Router-Redux，包括安装React-Router，创建Error页面，安装并配置React-Router-Redux，以及在项目中应用的后续步骤。通过实例展示了如何设置顶层布局、处理错误页面和路由管理。

摘要由CSDN通过智能技术生成

前言

需要注意的是，现在react-router已经到了V4版本了，并且官方说这是一个完全重写的版本。所以在我不太熟悉的情况下，保险起见还是先选择V3版本，等以后再更新。

（一）安装React-Router

$ yarn add react-router@3.0.5 @types/react-router@3.0.5 --dev

将App.tsx相关三个文件移动到 views下，并改为app开头
在src目录下创建文件src/routers/index.tsx，并添加以下内容：

/**
 * @component routers
 * @description 路由配置
 * @time 2018/1/9
 * @author ***
 **/
import * as React from 'react';
import { Router,Route, IndexRoute } from 'react-router';

import App from '../views/app'; /** 重命名了App.tsx **/
import Hello from '../views/Hello';