react-router-dom v6编程式导航

在使用withRouter进行编程式导航时，终端运行报错，提示v6已不支持withRouter进行编程式导航，那在v6中如何进行编程导航呢？

答案是使用useNavigate！

示例如下：

import React from "react";
import {useNavigate} from "react-router-dom"
function Registe(){
    const navigate = useNavigate()
    function handleRegister(){
           navigate('/home')
    }
        
    return (
        <div>
            <button onClick={handleRegister}>跳转</button>
        </div>
    )
}
export default Registe

注意：useNavigate只适用于函数组件