Typography, Input, Menu, Button, Dropdown } from "antd"; import { GlobalOutlined } from "@ant-design/icons"; import { useNavigate } from "react-router-dom"; export class Header extends React.Component { toPage = (val:string) => { const...
目前时兴的 React、Vue、Angular 等前端框架均采用了 SPA 原则。
React Router 是一个用于 React 应用程序的常用库,它允许您在 React 应用程序中管理多页面路由。其中,useNavigate 是 React Router v6 的一个新 Hook,它允许程序员从程序中进行编程式导航。 import { useNavigate } from 'react-router-dom'; function Dashboard() { const navigate = useNavigate(); const ...
官方React-Router-Dom 文档说我只能在功能组件内使用“useNavigate()”钩子。 我有一个类组件,但无法使其成为功能组件。因为它扩展了表单类,并且我想要此 MovieForm 组件中的表单类的所有功能。 那么我如何导航到另一个组件。 Dre*_*ese6 如果你想使用useNavigate钩子,那么基本上有两种选择。
{ useNavigate } from "react-router-dom"; export class Header extends React.Component { toPage = (val:string) => { const navigate = useNavigate(); navigate(val) } render() { return ( {/* top-header */} <Typography.Text>让旅游更幸福</Typography.Text> <Dropdown.Button style={{...