如何在useEffect react中使用历史推送

Question

我正在尝试在useEffect钩子中实现history.push原型。我就是这样做的：

useEffect(()=>
{
reset()
props.history.push('/')
},[signUpSuccess])

我已经尝试导入useHistory，但它不再支持

Answer 1

正如您所说，不再支持useHistory。在react router版本6中，它已被useNavigate取代。你可以这样使用它：

const history= useNavigate()
history('/')

而不是：

const history = useHistory()
history.push('/')

关于点击自动重定向的编辑

React文件规定：

如果你熟悉React类的生命周期方法，你可以把useEffect Hook想象成componentDidMount、componentDidUpdate和componentWillUnmount的组合。

这意味着每次渲染/更新组件时都会执行useEffect钩子内的代码。