react学习笔记

• 通过设置exact 使路由进行完全匹配，使其只展示一个页面

• Switch 只展示一个符合条件的路由地址

• BrowserRouter 浏览器路由,/xxx 不会在地址栏中通过#进行路由地址分割

• Route 路由组件 用来管理对应地址需要显示的组件内容

• NavLink 生成a标签 ，同时会在当前选中的a标签之上添加一个样式，默认class名为active

• 当使用路由跳转之后的组合会多了几个属性
  1.history 历史记录，可以在其上进行页面跳转
  2.localtion 表示当前的地址信息，如果使用url传参 可以通过获 取search值对参数进行解析
  3.match 表示当前路由信息 ，如果通过params传值 可以在match中获取

• -yarn add qs 安装qs来格式化通过url传过来的参数
  parse 把字符串转化为js对象
  stringify 把对象转换为字符串

   console.log(props.location.search)
   console.log(parse(props.location.search,{ignoreQueryPrefix:true}))

打印结果

?name=lee&nickname=666
list.js:6 {name: "lee", nickname: "666"}