React Router
可以让我们定义这样的路由,然后指定访问这些路由的时候,应该使用的是哪个react
组件。
$ npm install react-router --save
可以先定义Router容器,然后再在里面定义Route路由
可以在Route中使用path
定义路径,并使用component
指定当路径匹配里加载的组件
在跟路由对应的组件里,我们可以得到路径参数的值。
这样你就可以使用这个路径参数的值为用户显示出对应的内容。
一般就是使用这个id
向服务端请求对应的内容,请求回来以后再去设置一下组件的状态。
这个路径参数会被保存在this.props.params
中
得到地址里的参数
默认组件是指一个当路径不匹配任何子组件的时候使用的组件
绝对路径是以/ 开头
重定向路由可以把对一个路径的访问重定向到另外一个路径
在离开一个路由地址,进入到下一个路由地址,这些都会触发对应的行为
使用onEnter指定当进入一个路径的时候执行的任务
使用 onLeave 去指定离开的时候要做的任务
在地址里可以包含查询字符串,比如可以设置查询的条件或排序的字段
在Link
标签上指定query
属性可以指定查询符
在路由里可以通过let { query } = this.props.location;
提供查询对象
可以指定当路径匹配的时候进行高亮显示导航菜单
组件的生命周期,就是一个组件从出生到结束这期间的不同的阶段
使用路由地址可以切换显示不同的组件,这也就会触发组件的生命周期里的这些不同的阶段