函数里边如何实现路由跳转?

来源:16-2 移动端用户个人中心开发

西兰花伟大炮

2017-12-11

先上图:

http://img.mukewang.com/szimg/5a2e1851000144c104720260.jpg

移动端点击个人中心,实现跳转到个人中心并关闭对话框。

<Modal
    title={this.state.userNickName}
    wrapClassName="vertical-center-modal"
    onOk={() => this.setModalUser(false)}
    onCancel={() => this.logout(false)}
    cancelText="退出当前用户"
    okText="去个人中心"
    visible={this.state.modalUser}
>

逻辑:

点击 去个人中心 ,调用 onOk 函数,在 onOK 函数中如何实现 <Link to={`/usercenter`}>

请ParryK老师指点!


写回答

1回答

Parry

2017-12-11

可以这样代替

<span className="input-group-btn">
 <Link to="/login" />Click to login</Link></span>


或者


 handleClick = () => {
       browserHistory.push('/login');
   };

0
1
西兰花伟大炮
第一个用法会啦,第二个没明白,提示我 handleClick未定义?!
2017-12-11
共1条回复

结合基础与实战学习React.js 独立开发新闻头条平台

轻松入门 React 开发,React Router 4 与 Webpack 2 完美升级项目

2768 学习 · 2126 问题

查看课程