我的代码目前是这样的,我正在尝试使用 react-router-dom 添加这个返回上一页的按钮,但我收到以下错误,并且我网站上的所有组件都消失了。错误:useNavigate() may be used only in the context of a component 我的代码:function App() { const navigate = use...
import*asReactfrom"react";import{Navigate}from"react-router-dom";classLoginFormextendsReact.Component{state={ user:null, error:null};asynchandleSubmit(event) {event.preventDefault();try{letuser=awaitlogin(event.target);this.setState({user});}catch(error) {this.setState({error});}}render() ...
This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render. at Navigate (https://5xxrw.csb.app/node_modules/react-router/index.js:247:12) at AuthenticationRoute (http...
import { useLocation, useNavigate, useParams } from "react-router-dom"; export const withRouter = (Component) => { function ComponentWithRouterProp(props) { let location = useLocation(); let navigate = useNavigate(); let params = useParams(); return ( <Component {...props} router={{ l...
react-router-dom 的版本是 v6,我无法使用 Navigate 将值传递给另一个组件。 我想将选定的行传递到另一个名为 Report 的页面。但是,我不确定我是否为navigate方法使用了正确的语法,而且我不知道如何在 Report 组件中获取该状态。 Material-ui 表:我正在尝试在onClick参数中使用redirectToReport(rowData)—。
{ 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={{...
}; return ( Go to other route ); } 确保安装了react-router-dom并正确导入了所需的模块,然后将应用程序组件包装在<BrowserRouter>中,以确保<RouteComponent>可以正确使用useNavigate()。
import React from 'react'; import { BrowserRouter as Router, Route, Switch } from 'react-router-dom'; import Home from './Home'; import About from './About'; function App() { return ( <Router> <Switch> <Route exact path="/" component={Home} /> <Route path="/about" component=...
import {Navigate}from"react-router-dom"import React,{lazy}from"react"import Homefrom"../views/Home"constAbout= lazy(()=>import("../views/About"));//懒加载模式的组件写法,外面需要套一层loading 的提示加载组件constwithLoadingComponent=(comp:JSX.Element)=>{return<React.Suspense fallback={loading...