react button link的简单使用
在react中,使用button,转换为link:
1.确保已经安装依赖:
npm install react-router-dom
或:
yarn add react-router-dom
2.在组建引入link:
import { Link } from 'react-router-dom';
3.在页面使用link:
<Link to="/about">关于</Link>react 我已经有了button,而且button已经有事件:
<Button onClick={this.handleForgetPassword} size="small" className="">
忘记密码?
</Button>
事件:
handleForgetPassword = () => {
//this.props.history.push(`forget_password`)
alert('请联系管理员');
}修改为:
1.增加:
import { Link } from 'react-router-dom';
2.修改button为link:
<Link to="/forget_password" className="" onClick={this.handleForgetPassword}>
忘记密码?
</Link>