react-router-dom 6 js逻辑业务层跳转形式

react-router-dom 6 对props的使用也做了比较大的改动
目前的话 是要通过 react-router-dom 中的useNavigate函数来实现

参考代码如下

import React from "react";
import {
  useNavigate,
} from "react-router-dom";

const Alinput = () =>{
  let navigate = useNavigate()
  const fallback = () => {
    navigate("/")
  }
  const details = () => {
    navigate("/details")
  }
  return (
    <div>
      <div onClick={() => fallback()}>返回首页</div>
      <div onClick={() => details()}>查看详情</div>
    </div>
  )
}
export default Alinput;