react路由知识点
1.路由传参
概要:传参方式可分为hash,query,state,params
params(/)基本传参:在设置path的时候紧跟需要传的参数(适合少量参数传递)
呈现形式:跳转path/传的参数,如:
此种方式接收参数:this.props.match.params.xx
hash(#)传参:
呈现形式:在导航栏呈现包括#在内的字符串
获取参数:this.props.location.hash
所得参数形式:#id=22
query传参
点击嵌套路由
获取参数:this.props.location.query
参数形式:对象或对象
state传参(同query类似)
点击嵌套路由
获取参数:this.props.location.state
参数形式:数组或对象
search传参(?) 和hash类似
2.react页面跳转方式(两种)
1)使用路由
2)this.props.history.push("/demo1")
3.redirect的概念
作用:页面重定向。