CTang

React 路由插件 reactrouter 的路由匹配问题：空路由为什么匹配不到？

当前路由是："***.com" 也就是没有 "/" 的时候居然匹配不到任何路由，但我定义了 "/" export default function (){ return [ { path: "/", element: 12312313123, component: 12312313123, lazy: () => import("./Page/Auth"), } ] } 不能自动重定向么？如何解决这个问题呢？

M78的社畜

react在普通函数中跳转页面?

封装了一个axios，想要在token过期的时候做返回登录页的统一处理，代码如下： if (response.data.errno === 1) { //登录过期回到登录页 let navigate = useNavigate() navigate('/login') } 报错了，如下： https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241009/4b1afb57dacdd2d36d500773f490f48c.png 使用"window.location.href"可以成功，除次之外，react还有别的跳转方法吗 这是当前的文件内容 //http.ts import axios, { AxiosInstance } from "axios" import { AxiosRequest } from "./types" import { message, Spin } from 'antd'; import Loading from "./loading"; import { useNavigate } from "react-router-dom" const navigate = useNavigate(); class HTTP { interceptRequest(response){ if (response.data.errno === 1) { //登录过期回到登录页 navigate('/login') } }

看数据的中二丸子头

React 中如何正确的将多个路由打包给外部调用？

我在用 react 写一个网页项目，其结构大概如下 my-react-app/ |-- src/ | |-- components/ | |-- pages/ | | |-- MainPage.jsx | | |-- Auth/ | | | |-- Login.jsx | |-- routes/ | | |-- authRoutes.jsx | | |-- index.jsx | |-- App.jsx | |-- index.js |-- public/ | |-- index.html |-- package.json 路由用的是 "react-router-dom" v6.0+。在路由文件夹 "routes" 中，其中 authRoutes.jsx 这个文件是用来管理注册登录等路由的，代码如下 import React from 'react'; import { Route } from 'react-router-dom'; import Login from '../pages/Auth/Login'; const AuthRoutes = () => { return ( } /> ); } export default AuthRoutes; 而 routes/index.jsx 这个文件是用来把所有的路由都打包出去的，其代码如下 import React from 'react'; import { BrowserRouter as Router, Route, Routes } from 'react-router-dom'; import MainPage from '../pages/MainPage'; import AuthRoutes from './authRoutes'; const AllRoutes = () => { return ( } /> ); } export default AllRoutes; 在 app.jsx 中引入如下 import React from 'react'; import AllRoutes from './routes'; import './App.scss' function App() { return ( ); } export default App; 我现在遇到的问题是总是提示错误，错误信息是 [AuthRoutes] is not a component. All component children of must be a or 我做了一些尝试 1. 将 authRoutes.jsx 文件中的 "" 和 "" 改成了 "" 和 ""，还是同样的错误。 2. 同样，将它们改成 ""，也是同样的错误。 3. 将 "} />" 改成了 ""，还是同样的错误。 4. 将 routes/index.jsx 中的 "" 改成 "} />"，错误没了，但访问 "/auth/login"，提示 "/auth/login" 路径并不存在。