使用react——解决this.props.history.push无法跳转的问题

转自：

https://blog.csdn.net/yingzizizizizizzz/article/details/78751305

场景：

一个组件中，含有ul展开数组的组件，在每一行中，都能点击相应的这一行，跳转到对应的页面。

也就是说，组件套组件，子组件中this.props.history.push无法工作。提示没有push这个函数。

因为这时的props中没有history这个属性。

解决办法：

在父组件中，传递一个history。

子组件中用history.push 就可以啦

参考资料：

https://segmentfault.com/a/1190000011137828

<NowplayingChild {...this.props} ></NowplayingChild> //将父组件的属性传递给子组件，否则子组件可能没有属性props，这里用的是属性的简写

<li key={item} onClick={this.handleClick.bind(this,item)}>{item}</li>//子组件的写法
handleClick(id){
        //编程式导航
        console.log(this.props);
        this.props.history.push("/detail/"+id);
    }