方法一：
import PropTypes from 'prop-types';
export default class Header extends Component {
static contextTypes = {
router: PropTypes.object,
}
constructor(props) {
super(props);
this.state = {
keyword:"",
channelList:[]
};
this.handleToSearch=this.handleToSearch.bind(this);
}
handleToSearch() {
if(this.state.keyword){
this.context.router.history.push(`/news_list/search/${this.props.channelId}/${this.state.keyword}`)
}
}
render() {
return (
<div className="wrapper">
小星星小星星
</div>
);
}
}
方法二：
this.props.history.push('/download')
举个栗子：传参：//中文需要用encodeURI转码
this.props.history.push('onlineDetail/?id='+rowData.id+'&name='+encodeURI(rowData.name));
接受参数的页面
let title=props.location.search.split('=');//将参数用=分割成数组
document.title=decodeURI(title[2]);//获取到想到的参数，并解码
跳转到外链：
window.location.href = 'https://你的url'
在页面中给一个按钮绑定绑定跳转，如果跳转到项目的路由，引入react-router的Link
使用<Link to="/download">下载</Link> 形式跳转，如果希望页面从新页面打开,加
target="_blank"
如果跳转到一个外链，使用a标签，如果希望页面从新页面打开，除了加target,
target="_blank"
还要加一个rel:
<span><a href="https://internal.zhongwentoutiao.com/admin/news_list" target="_blank" rel="noopener noreferrer">管理员入口</a></span>
