react

1.index.js文件中引入import { BrowserRouter as Router} from 'react-router-dom'并

    <Router>
      <App />
    </Router>

2.rcc快速穿件页面框架
3.页面名字大写
4.app.js中引入 import {Route, Link} from 'react-router-dom'和import Home from './components/Home'并匹配路由和链接

5.精确匹配
（1）exact

（2）import {Switch} from 'react-router-dom'

    <Switch>
        <Route path="/course" component={ Course } />
        <Route path="/about" component={ About } />
        <Route path="/" component={ Home } />
      </Switch> 

6.let {path} = this.props.match获取路由信息

7.map、三目运算符，需要{}扩上
8.Route的render属性用与渲染组件 render的值是一个function

9.通过对象传参，this.props.location获取路由信息

<Link to={{
        // 路径信息
        pathname: '/about',
        //location中的search 会在链接上拼接参数 获取时拿到的是字符串 需要单独处理
        search: 'id=1&age=10',
        hash: 'aaa',
        // 传的是一个object，browserRouter正常使用，hashRouter刷新页面参数丢失
        state: {
          key: '111',
          name: 'xm'
        },
        // 正常页面跳转可以拿到参数，但是刷新页面时参数会丢失
        query: {
          key: '111',
          name: 'aaa'
        }
      }}>关于我们</Link> 

10.this.props.history编程式导航
11.路由跳转 1:50 react redux
rcdc自动创建
12. axios

13.引入图片时，若用相对路径，则应将图片存在public文件夹下，也可通过import引入

14.src后用变量地址是，直接用{}无需用""