React路由器重定向在运行时不起作用



我试图在单击项目时重定向,但重定向似乎没有呈现。。。

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

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

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挂钩。

最新更新