react-porps专题

props，react数据传递的重要方法。以下是他的属性：
1、match：
分析路由模块。在此处可以拿到页面路径、拼接的参数等信息；
2、location
hash、pathname、search语原生location对象相近。
此外，页面传递的参数也可以在此处拿到。如：Link组件跳转时:state:{id: 1,status:2}。则state可以在location下找到。
3、history
4、RouterContext
处理分析的结果，根据请求的路由地址将对应的组件获取内容

1、拼接参数跳转
详见[http://blog.csdn.net/jiuwanli666/article/details/78744588](http://blog.csdn.net/jiuwanli666/article/details/78744588)

2、不拼接参数跳转
//第一页面
<Link to={{ pathname:`/wplatform/work_order/work_order_list`,
state: { id: this.props.id,status: 1} }}>
<img src={work_dsh} alt=""/>
<span className="demand-info">跳转 (<span>{workOrderPer.workOrder1?workOrderPer.workOrder1:0}</span>)</span>
</Link>
//目标页面
constructor (props) {
super(props);
//this.props.location.state就可以拿到页面数据
}
//若需要将数据传递到子组件中
render (
<SubComponent data={this.props.location.state}></SubComponent>
)
//子组件
constructor (props) {
super(props);
//this.props.data就可以拿到父组件的数据
}