react v6 函数组件跳转

import { useNavigate } from "react-router-dom";
function Menu() {
  const navigate = useNavigate();
  function menuClick(val) {
    /***/
    navigate(val.path);
    /***/
  }
  return (
    <div className="menu">
      {menu.map((item, index) => (
        <div
          key={index}
          onClick={() => {
            menuClick(item);
          }}
        >
          <span>{item.icon}</span>
          <span>{item.title}</span>
        </div>
      ))}
    </div>
  );
}