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-router-dom v6,我想使用基于类的组件,在以前版本的 react-router-dom v5 this.props.history() 做了一些事情后用于重定向页面,但这段代码不适用于 v6 。 在react-router-dom v6 中有一个钩子 useNavigate 用于功能组件但我需要在类基础组件中使用它,请帮助我如何在类组件中使用导航? 原文由 ...
可以与 useNavigate 一起使用,但不能与 Navigate 一起使用。reactjs react-router 1个回答 0投票 Navigate组件和 useNavigate钩子有什么区别在 React-Router-DOM 中?一个是 React 组件,必须作为 JSX 渲染到 DOMreturn <Navigate to="/somePath" />; 另一个是React hook,只能在React组件或自定义React hook中...
官方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={{...