试图升级反应-路由器从2到4,并打破它,现在不能渲染我的应用程序。
获取各种错误(最近的错误是:<Route> elements are for router configuration only and should not be rendered)
我还犯了错误,我的./路由呈现得很好,但是当我刷新并表示Cannot GET /randomRoute时,所有其他路由都会崩溃。
我正在创建一个react应用程序,我的主要index.js文件(其中包括ReactDOM.render)也包括路由,如下所示:
import React from 'react';
imp
我的应用程序组件正在渲染..。但不是PdfPage。当我交换组件时,PdfPage正在呈现,而不是App。请帮帮我!
import React from 'react';
import ReactDOM from 'react-dom';
import { App} from './App';
import { PdfPage } from './PdfPage';
import { BrowserRouter as Router, Routes, Route} from 'react-router-dom'
我第一次尝试使用路由,并遵循来自的确切指示
文件App.js
import { Route } from "react-router-dom";
import Welcome from "./Pages/Welcome";
import Game from "./Pages/Game";
import Leaderboard from "./Pages/Leaderboard";
function App() {
return (
<div>
<Route pat
我正在尝试设置一个新的react应用程序。
我在配置路由器时遇到了问题(我想)。
到目前为止,我的index.js已经:
import React from 'react';
import ReactDOM from 'react-dom';
import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';
import './index.css';
import App from './App';
import About fr
我刚开始反应,我想了解浏览器路由器,但是浏览器路由器没有呈现
import React from 'react';
import ReactDOM from 'react-dom\client';
import { BrowserRouter,Route,Routes } from 'react-router-dom';
import Home from './pages/Home';
const root = ReactDOM.createRoot(document.getElementById('root'
我想建立一个简单的天气报告应用程序使用反应路由器。这是我的密码:
import React from 'react';
import ReactDOM from 'react-dom';
import { BrowserRouter as Router, Route, IndexRoute, hashHistory} from 'react-router-dom';
var Main = require('Main');
var Weather = require('Weather');
var About = r
我正在学习react,并尝试使用react-router-dom设置路由。除默认路由外,所有路由都工作正常。当我导航到默认管线组件的管线时,默认管线组件的内容将显示在所有其他组件上。下面是代码和输出
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import One from './one';
import Two from './two&
我正在学习如何从useMatch()中使用"react-router-dom",我得到了下面的错误,我的网页是空的:
Uncaught TypeError: Cannot read properties of undefined (reading 'path')
at matchPath (index.tsx:1148)
at index.tsx:481
at mountMemo (react-dom.development.js:15846)
at Object.useMemo (react-dom.development.js
我一直在尝试实现react-router-dom,但它似乎(潜在地)与Redux或Redux-persist发生冲突。我的index.js看起来像 import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import Terms from './Terms'
import * as serviceWorker from './serviceWork
我有后续的实现“反应-路由器-多姆”,但我无法使它工作。有人能指点我什么是根本的问题吗。
App.jsx
import React from "react";
import Main from "../components/Main";
import Home from "../components/Home";
import { BrowserRouter, Match, Miss, Link } from 'react-router-dom';
const App = () => (
<Browse
我收到了这样的错误:未登录错误:路由(.):渲染中没有返回任何内容。这通常意味着缺少一个返回语句。
import React from 'react';
import {BrowserRouter, Switch, Route, ReactDom} from 'react-router-dom'
import ProductsDisplay from './ProductsDisplay'
import Home from './Home'
import Contact from './Contact'
cons
我就是不能让我的NavLink或链接在我的项目上工作,路径改变了,但没有任何东西被渲染。我不知道这是怎么回事! 下面是主要的Index.js import React from 'react';
import ReactDOM from 'react-dom';
import { BrowserRouter } from 'react-router-dom';
import { Provider } from "react-redux"
import App from './App';
import store
当我试图渲染"Home“组件时,它没有显示任何东西.路径是正确的,路由器导入也应该是好的。我遗漏了什么?它在我的另一个项目中有效,即使我复制和粘贴代码,它似乎也不起作用。
App.js:
import React from "react";
import Home from "./components/Home"
import {BrowserRouter as Router, Route, Routes} from "react-router-dom"
function App() {
return (
<Rout
安装最新版本的v6获得此错误后:
元素类型无效:预期为字符串(用于内置组件)或类/函数(用于组合组件),但未定义。您可能忘记从定义在其中的文件中导出组件,或者您可能混淆了默认导入和命名导入。
该代码在较低版本中运行良好,但对于version6则失败。
代码: index.js
import React from 'react';
import ReactDOM from 'react-dom';
import { BrowserRouter as Router } from 'react-router-dom';
import App from
自从3天以来,我一直在做反应路由,但它不起作用。我不知道我在哪里做错了,即使简单的路由不是working...if简单路由(没有params)工作,然后我想把ID传递给新组件。但是我可以选择地传递ID --我删除的..IF?那么路由就不起作用了。我试过用开关也很精确。
And One More issue is by passing ID optionally i am getting Undefined in New Component Page During render (First time)..So i wanted to pass ID:1 from router .Please
App.js
import React from "react";
import "./App.css";
import { BrowserRouter as Router, Route, Switch } from "react-router-dom";
import Home from "./Home";
import Header from "./Header";
function App() {
return (
<div className="app">
<
我在react with routing中更改视图时遇到问题。我只想显示一个用户列表,单击每个用户应该导航到一个详细信息页面。这是路由器:
import React from "react";
import ReactDOM from "react-dom";
import { BrowserRouter } from 'react-router-dom';
import Users from "./components/Users";
import { Router, Route } from "react-router
我想使用来自react-router-dom的react-router-dom,但是我得到了以下错误:
Error: useNavigation must be used within a data router.
See https://reactrouter.com/en/main/routers/picking-a-router.
NavBar
src/components/NavBar.js:6
3 | import { useNavigation } from "react-router-dom";
4 |
5 | function NavBar()
我正在尝试实现一个包含react中的路由器的简单程序。我对它使用了'react-router-dom‘。
下面是我的App.jsx的样子
import React from 'react';
import { BrowserRouter, Switch, Route } from 'react-router-dom';
import { Headerbar } from './HeaderBar.jsx';
import Home from './Home.jsx';
import About from './A