目前前端三杰 Angular、react、vue 都推介单页面应用 SPA 开发模式，在路由切换时替换 DOM Tree 中最小修改的部分 DOM，来减少原先因为多页应用的页面跳转带来的巨量性能损耗。它们都有自己的典型路由解决方案，@angular/router、react-router、vue-r ...
分类：
其他好文 时间：
2020-12-15 12:33:10
阅读次数：
2
之前讲述了React-router的使用方法，这一篇讲述其实现原理 ...
分类：
其他好文 时间：
2020-11-19 13:03:55
阅读次数：
24
作用：把不是通过路由切换过来的组件中，将react-router 的 history、location、match 三个对象传入props对象上 1. 默认情况下必须是经过路由匹配渲染的组件才存在this.props，才拥有路由参数，才能使用编程式导航的写法，执行this.props.history ...
分类：
其他好文 时间：
2020-09-04 17:41:32
阅读次数：
92
react-router-dom V5 使用指南（1） react-router 提供了路由核心接口，如 Router、Route、Switch 等，未提供终端操作相关的接口； react-router-dom 提供了浏览器端接口，BrowserRouter、HashRouter，Route、Lin ...
分类：
其他好文 时间：
2020-07-17 09:20:23
阅读次数：
90
mkdir stage && cd stage // 创建项目文件夹进入项目 npm init // 初始化依赖 npm install -S react react-dom // 安装react相关依赖 npm install -D webpack webpack-cli webpack-dev- ...
分类：
Web程序 时间：
2020-07-10 20:59:33
阅读次数：
66
import {withRouter} from 'react-router-dom'; 并切在导出时候用这个方法包裹住 export default connect(function (state, props){ return state; }, { addItem(item){ return ...
分类：
其他好文 时间：
2020-07-06 20:27:39
阅读次数：
88
前言 最典型的一个react项目就是react-router+redux（可能再加上redux-thunk或saga），在hooks出来之后，redux也同步跟进加了很多hooks，但已经可以完全抛弃redux，仅仅使用useReducer等hooks来管理数据流了（大型、复杂项目的话，目前还是推荐 ...
分类：
其他好文 时间：
2020-07-06 12:31:01
阅读次数：
156
什么是 React 高阶组件 React 高阶组件就是以高阶函数的方式包裹需要修饰的 React 组件，并返回处理完成后的 React 组件。React 高阶组件在 React 生态中使用的非常频繁，比如react-router 中的 withRouter 以及 react-redux 中 conn ...
分类：
其他好文 时间：
2020-07-04 01:25:35
阅读次数：
79
React不像Vue那样有router.beforeEach这样的路由钩子，但是它提供了一个组件：Prompt import { Prompt } from 'react-router-dom'; <Prompt when={true} message={location => '信息还没保存，确定 ...
分类：
其他好文 时间：
2020-06-29 13:25:25
阅读次数：
149
摘要： 先看效果图 github地址 github仓库 在线访问 初始化项目 #创建项目 create-react-app applist #如果没有安装create-react-app的话，先安装 npm install -g create-react-app 目录结构改造 |--config | ...
分类：
移动开发 时间：
2020-06-20 18:32:34
阅读次数：
106
