import { useState } from 'react';
import About from './Container/About';
import Profile from './Container/Profile';
import {BrowserRouter as Router,Route} from 'react-router-dom'
function App() {
const [state,setState] = useState('Data')
return (
当我在我的项目中使用路由器时(只是一个空白的屏幕),我很难明白为什么什么都不会出现。我只是简单地安装了作为正常的反应路由器。我试过改变版本,但没有取得任何成功
这是app.js文件
import React from 'react';
import './App.css';
import navbar from './components/navbar';
import {BrowserRouter as Router, Routes, Route} from 'react-router-dom';
function App()
我很少实践,但是当我将路由器加载到react-router-dom v6中的新“项目”中时,屏幕变成了白色,就像我编译错了路由器一样。
import React from "react";
import ReactDom from "react-dom";
import {BrowserRouter, Route, Routes } from "react-router-dom";
import { about } from ".//views/about.js"
export default function App() {
我正在尝试开发一个多页面的React,我试着使用Reactive路由器,但是当我点击Save并重新加载该页面时,我得到了一个空白页面。这就是我所拥有的:家庭组件:
import React from "react";
import Navbar from './components/Navbar';
import Hero from './components/Hero';
import AboutUs from './components/AboutUs';
import Footer from './component
我安装了npm,安装了react路由器-dom@6,并设置了路由路径。
import React from "react";
import * as ReactDOM from "react-dom";
import { BrowserRouter, Switch, Route } from "react-router-dom";
import "./App.css";
import HeaderBar from "./components/HeaderBar/HeaderBar";
import SignIn f
我在导航到结帐页面时遇到了麻烦。每当我点击应用程序中的篮子图标时,我可以看到URL正在改变,但是页面没有变化,我总是必须刷新页面才能进行导航,我也不知道为什么。
这是我的App.js代码:
import React from "react";
import './App.css';
import Header from './Header';
import Home from "./Home";
import { BrowserRouter as Router, Switch, Route}
from "react-rou
我刚开始反应,我想了解浏览器路由器,但是浏览器路由器没有呈现
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'
当我试图渲染"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
我有这个。它与文档中所述的完全相同。我认为反应性路由器-dom模块很好,因为在其他组件中,BrowserRouter、路由器和链接为我工作。
import { useHistory } from "react-router-dom"
import React from 'react'
export default function HomeButton() {
let history = useHistory()
function handleClick() {
history.push("/home")
}
ret
我刚开始使用React,不能让路由器工作。下面是路由器的代码。如果我在没有路由器的情况下使用各个组件,它们就会显示在屏幕上。但是使用路由器,我不会在屏幕上看到任何路径上的文本。
如果我遗漏了什么,请告诉我。以下是代码:
import { Route } from 'react-router-dom';
import AllMeetupsPage from './pages/AllMeetups';
import NewMeetupPage from './pages/NewMeetup';
function App() {
return
当我单击Button时,我试图理解为什么Header组件没有更新。我相信问题是我没有和路由器联系。但是为什么当我切换路由时,App.js不重新呈现呢?
import React, { useEffect } from 'react';
import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';
import First from './First';
import Second from './Second';
import Third fr
我正在将我的页面从html和jquery迁移到使用React,我知道React Router和Redux是在构建react应用程序时处理路由的方法,但就目前而言,我想知道如何更改我的设置,以便能够为不同的页面呈现不同的react组件。目前,我可以在加载索引页面时呈现一个react组件,但我认为可以在它下面添加另一个ReactDOM.render(),并在不同的页面上为该组件指定一个不同的div id,但我注意到了一个错误Invariant Violation: Target container is not a DOM element。这是否与不使用react路由器或其他原因有关?
这是我的i
我正在尝试实现React路由器,我有一个名为App的类,我想从其中调用ExpenseApp。要让ExpenseApp正常工作,它需要“数据”,而我想要传递这些数据。另外,get loaded的第一个页面应该是ExpenseApp。据我所知,要在'/‘路径中指定的类名是要加载的第一个页面。问题是如何将数据从react路由器传递到组件。
import React from 'react'
import ReactDOM from 'react-dom'
import {ExpenseApp} from './expense-app.js'
i
App.js‘’
import './App.css';
import { BrowserRouter,Routes,Router,Route,Link } from "react-router-dom";
import React, { Component } from 'react'
import NavBar from './components/NavBar';
import News from './components/News';
export default class App extends C
我正在使用的反应路由器的最新版本。当我在组件中使用路由时,它们并不呈现任何内容,而是当我移除路由并简单地使用组件时,它们工作得很好。无法理解到底出了什么问题
这是不工作的,也没有在"/“或http://localhost:3000/上呈现任何内容。
import React from "react";
import { BrowserRouter as Router, Route, Navigate } from "react-router-dom";
import Users from "./user/pages/Users";
fu
我运行的是React路由器-dom 4.1.1,我遵循了多个react路由器指南,甚至在我的计算机上运行了react路由器教程(尽管它使用的是react路由器v2或类似的东西)。当我试图在一个简单的应用程序上使用v4时,我会遇到许多错误。
滚动,用于当前代码和错误
//index.js
import React from 'react';
import ReactDOM from 'react-dom';
import {BrowserRouter as Router, Route, Switch} from 'react-router-dom'
我正在尝试使用来创建不同的页面,这样它就可以在单击时转到不同的页面,但是应用程序不会编译,因为浏览器路由器没有被导入。我只是把它直接从网站上粘贴过来。有人能告诉我错误在哪里,以及如何纠正吗?
App,js
import React from 'react';
import Header from './components/Header';
import Home from './components/Home';
import './App.css';
import { BrowserRouter as Router, Swit
我已经在我的项目中安装了react路由器的最新版本。它的意思是匹配是没有定义的。然而,当我使用react router@5.2.0时,它工作得很好。
有人能告诉我应该如何更改代码以使用match.params.id吗?或者,在最新的反应性路由器-dom中,什么是替代方法?
附加的是我的代码,它在react路由器dom版本@5.2.0中运行得很好。
import React from 'react';
import { useState, useEffect } from 'react';
function ItemDetail({match}) {
co