react路由器重定向在运行时不工作

b4lqfgs4  于 2021-09-13  发布在  Java
关注(0)|答案(1)|浏览(251)

我试图在单击某个项目时重定向,但是重定向似乎无法呈现。。。

const doRedirect = () => {
    console.log('redirecting');
    return <Redirect to='/my-path' />;
}

return <div onClick={() => doRedirect()}>Click me</div>;

当我点击div时,它在控制台日志中点击的很好,但是我似乎无法让它返回重定向。。。

6gpjuf90

6gpjuf901#

import {useHistory} from 'react-router-dom'

const history = useHistory(); 
const doRedirect = () => {
    console.log('redirecting');
   history.push('/your-path')
}

return <div onClick={() => doRedirect()}>Click me</div>;

实现这一点的方法是使用usehistory钩子。

相关问题