react-router的三个对象history, location, match的传递

最新推荐文章于 2024-07-24 11:09:48 发布

lz1412

最新推荐文章于 2024-07-24 11:09:48 发布

阅读量1.4k

点赞数

文章标签： react.js javascript 前端

本文链接：https://blog.csdn.net/lz1412/article/details/122743908

版权

高阶组件中的withRouter, 作用是将一个组件包裹进Route里面,所以withRouter的作用就是, 如果我们某个东西不是一个Router(路由组件), 但是我们要依靠它去跳转一个页面, 比如点击退出登录, 返回登录页面, 这时候就可以使用withRouter来做.

import { withRouter } from 'react-router-dom';

function HeadTop({ history,location,match }) {
    const loginOut = () => {
                history.replace("/login")
            }
        });
    }
    return (
        <div>
                <button onClick={loginOut}>
                  退出登录
                </button>
                       
        </div >
    )
}
export default withRouter(HeadTop)