摘要： Link的形式 路由无需声明，自动接收 通过querystring库将查询字符转换为对象 解构赋值，并将查询字符的问号去掉 阅读全文

摘要： 特点：路径中会暴露信息值，且需要声明接收 路由链接(携带参数)： //直接传属性 <Link to={'/demo/test/tom/18'}>详情</Link> //在该组件内部访问对象并传参 <Link to={`/demo/test/${obj.info1}/${obj.info2}`}>详情 阅读全文

摘要： 1.注册子路由时要写上父路由的path值 2.路由的匹配是按照注册路由的顺序进行的 import React, { Component } from 'react' import MyNavLink from '../../components/MyNavLink' import {Route,Sw 阅读全文

摘要： 1.一般写在所有路由注册的最下方，当所有路由都无法匹配时，跳转到Redirect指定的路由 2.具体编码： <Switch> <Route path="/about" component={About}/> <Route path="/home" component={Home}/> <Redire 阅读全文

摘要： 1.默认使用的是模糊匹配（简单记：【输入的路径】必须包含要【匹配的路径】，且顺序要一致） 2.开启严格匹配：<Route exact={true} path="/about" component={About}/> 3.严格匹配不要随便开启，需要再开，有些时候开启会导致无法继续匹配二级路由 例子如下 阅读全文

摘要： 1.public/index.html 中 引入样式时不写 ./ 写 / （常用） 2.public/index.html 中 引入样式时不写 ./ 写 %PUBLIC_URL% （常用） 3.使用HashRouter (实际开发不会使用) 阅读全文

摘要： 1.通常情况下，path和component是一一对应的关系。 2.Switch可以提高路由匹配效率(单一匹配)。 Switch只显示匹配到的第一个路由 import React,{Component} from 'react'; import {HashRouter as Router,Route 阅读全文

摘要： 封装NavLink： 优化后的代码： 封装的NavLink组件： 阅读全文

摘要： 路由的下载 react的路由需要额外下载，然后有三种，分别是供web，软件，两种都能用的any。然后我们主要用的是web，下载命令：npm i react-router-dom --save 然后在使用的地方进行引入，import {Link} from 'react-router-dom' 路由的 阅读全文

摘要： react脚手架配置代理总结 方法一 在package.json中追加如下配置 "proxy":"http://localhost:5000" 说明： 优点：配置简单，前端请求资源时可以不加任何前缀。 缺点：不能配置多个代理。 工作方式：上述方式配置代理，当请求了3000不存在的资源时，那么该请求会 阅读全文