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前，精确匹配