useHistory 在 6.0.0-beta.0 版本中没有导出？

Question

"react-router": "^6.0.0-beta.0",
"react-router-dom": "^6.0.0-beta.0",

MaterialUI'Devias Material Kit Pro'模板有这个版本useHistory不行，有没有其他的属性 用不同的名字但效果一样？我使用 navigate.push (history.push) 和 useNavigate 但它不起作用。

useHistory 仅适用于版本 5.2.0?

useHistory 错误

Answer 1

从 react-router@6.x 开始，此功能已移至 useNavigate 挂钩。所以 history.push/history.replace 的替换现在可能看起来像：

const { useNavigate } from 'react-router-dom'

...
    const navigate = useNavigate()
    ...
    navigate({ pathname: './some/path' }) // instead of navigate.push
    // or
    navigate({ pathname: './some/path' }, { replace: true }) // navigate.replace