react路由，脚手架
-
react脚手架的使用
import React,{Component} from 'react' class 组件名 extends Component {state ={数据}} 样式类名会全局泄露 -
Axios
组件下直接引入axios Publick文件夹是特殊路径 配置代理:package.json下 "proxy":"http://localhost:3001" Post请求使用非受控组件 <input type="text" ref={(ref)=>this.user=ref}/> -
路由基础
引入模块:import {BrowserRouter as Router,NavLink,Router,Switcj}from 'react-router-dom'; 或import{HashRouter as Router,Link,Route}from 'react-router-dom' Router:路由承载区域 NavLink/Link :点击a链接 Route：渲染组件视图 Switch：匹配到路径后，之后的相同路径就不会再匹配了 Redirect：重定向 -
路由动态传参：
path='/home/:id' <NavLink to={`/home/${this.state.name}`}>home</NavLink> 接收参数：this.props.match.params.id -
编程式导航：
this.props.history.push('/list') this.props.history({pathname:'/list',obj:{name:'jack',age:18}}) 接收参数：this.props.history.location.obj -
子路由：和主路由配置方法相同
-
path=’*’ 4040页面 exact 加在link前，精确匹配
别扯什么自己这那的 我感觉领导确实已经给你很多时间和空间了 自己还是想想有没有真的用心去做 不是什么东西都要别人推着你去干的 总得学会主动一点吧 最后中肯地说一句 卷不了还是别走互联网这条路了 不好意思说话有些直白但希望你可以明白我的意思