开发者问题收集
我想要一个显示四个住宿列表的主页,并能够通过点击跳转到每个住宿的特定页面。我不知道错误来自哪里。我的代码产生Uncaught TypeError with a message of "Cannot read properties of undefined (reading 'map')"APP.js:import React from 'react';import { BrowserRouter,
我想在useEffect中使用useParams,但出现错误“未捕获 TypeError:无法读取未定义的属性(读取‘params’)”。app.js<Route><Route path="/product/:id" element={<ProductDetails />} /></Route>ProductDetails.jsconst dispatch = useDispatch();cons
App.jsximport { useState } from 'react';import './App.css';import NewsContainer from './Components/NewsContainer';import { Router, Routes, Route } from "react-router-dom"function App() {const [mode, s
我正在重新调整我的路线,但出现错误“Uncaught TypeError:无法读取未定义的属性(读取'pathname')”,我无法解决它,我已经绕了好几个小时。我对 React 还很陌生。我认为我错误地使用了 BrowserRouter、Routes、Router 等有人能帮助我吗?错误:components.tsx:197 Uncaught TypeError: Cannot read pro
因此,我一直在关注 MERN 堆栈课程,但不知何故,他使用的 react-router-dom 版本已过时。我一直遇到此错误:未捕获的 TypeError:无法读取未定义的属性(读取“params”)我尝试更改代码以使其与更新的版本保持一致,例如使用 useParams();但我认为我错误地实现了代码。这是当前使用 react-router-dom v6.3 的 ProductScreen.js
尝试使用默认历史对象创建一个普通路由器,但它抛出了此错误 -Module not found: Error: Can't resolve 'history/createBrowserHistory'在 App.js 文件中 -import history from './history'const App = () => {return (<div className="ui container"
我正在尝试使用 react-router-dom 创建一个 React 项目。由于一个我似乎无法弄清楚的错误,我无法继续。代码在终端上编译时没有错误,但是页面完全是空白的,Chrome 控制台显示以下内容:React 错误页面这是我的代码:我遵循了官方的 react-router-dom 文档。import {BrowserRouter, Routes, Route} from 'react-ro
我想在用户编辑后提交帖子时将其重定向到“/myblogs”页面。useNavigate钩子用于重定向。我没有重定向,而是收到以下错误。当我手动检查我的博客页面时,我可以看到更新的帖子。我不知道为什么会出现此错误const handleSubmit = e => {e.preventDefault();console.log(inputs);sendRequest().then(data =>con
我正在开发一个 React 项目,一切正常。然后我开始使用react-router-dom,但路由器无法正常工作。我想转到主屏幕,但它却给出了以下错误:Invalid hook call. Hooks can only be called inside of the body of a function component.Uncaught TypeError: Cannot read prope
ProductDetail.js 文件import React from 'react'import { useParams } from 'react-router-dom'import DATA from '../Data';const ProductDetail = () => {{/*Now we need a product id which is pass from the produ
APP.JS导入'./App.css';从“react-router-dom”导入{BrowserRouter as Router,Routes,Route,Navigate};从“./pages/Home”导入Home;从“./pages/Login”导入Login;从“./pages/Register”导入Register;从“./pages/BookingCar”导入BookingCar;导
在我的应用中,如果组件内部发生任何错误,我需要重定向到顶级错误页面。假设我使用React-Router并定义了以下路由,<Switch>..<Route path="/error"><Error /></Route>假设在某些下级组件中出现故障。我得到一个带有.message和.stack的error对象。我需要我的Error组件在 Router<Redirect />之后显示错误详细信息。con
我是 React 的初学者。我正在尝试设置路由器和渲染以更改页面,但它给出了我无法理解的错误。我已经安装到终端npm install react-router-dom在我的index.js中,我导入了BrowserRouter并嵌入了我的APPimport React from 'react';import ReactDOM from 'react-dom';import './index.css
当我使用 react-router-dom 中的 BrowserRouter 时,我的路由可以正常工作。但为了使用自定义历史记录,我将 BrowserRouter 替换为 react-router 中的 Router。之后,我的路由组件无法正确加载,但网址可以正确更改。这是我的代码:AppRouter-JS:----import React from 'react';import { Router
大家好,我不知道发生了什么。我有以下路线:<BrowserRouter><div><Switch><Route path="/patient/:id/" component={PatientWrapper} /><Route path="/patient/:id/patient_profile/admission_form" component={PatientAdmission} /><Rout