在根据变量的路由将类分配给变量和div时,我遇到了一个问题。我不知道我做错了什么,一切似乎都很好,那么错误在哪里呢?我非常好奇我到底做错了什么。
import React from 'react'
import {
BrowserRouter as Router,
Switch,
Route,
Link
} from "react-router-dom";
import { useLocation } from "react-router-dom";
import { useEffect } from 'react
我试图使用react和router来创建一个旋转木马,但是它显示的是空屏幕,下面是我使用的代码: APP.JS:
import { Route, Routes } from "react-router-dom";
import Navigation from "./routes/navigation/navigation.component";
import Home from "./components/home/home.component";
function App() {
const About = () => {
我试图在一个独立于菜单导航元素的元素中呈现内容,但它始终呈现在与菜单栏相同的元素中。我试着把连接从路由器中分离出来,但后来发现了错误。
下面是我的路由器组件,我将它导入到我的输入文件中:
import React from 'react';
import ReactDOM from 'react-dom';
import ReactDOMServer from 'react-dom/server';
import {BrowserRouter as Router, Route, Link, StaticRouter} from 're
我试图从react路由器5迁移到反应性路由器6。我编写了一个简单的前端,只有点击登录按钮,你才能进入配置文件页面。在配置文件页面中有两个链接来查看配置文件和编辑配置文件。
//App.js
import './App.css';
import Header from './components/Header';
import HomePage from './pages/HomePage';
import AboutPage from './pages/AboutPage';
import Profile from '.
如何隐藏登录页面上的导航栏(‘/’)?我尝试过使用this.props.location和扩展导航栏组件,但似乎不起作用。我知道这很简单,但我无论如何也记不住该怎么做!我不想只在我想要显示它的页面上呈现组件。
App.js
import React from 'react'
import Navbar from './Components/Navbar'
import {BrowserRouter as Router, Route} from 'react-router-dom';
import Home from './Componen
这是我的main.js
import React from 'react';
import ReactDOM from 'react-dom';
import App from './App.jsx';
import Home from './Home.jsx';
import Contact from './Contact.jsx';
import About from './About.jsx';
import { BrowserRouter as Router, Route, IndexRou
当我在导航栏组件上使用link时,它会改变url但不会改变组件,但在我重新加载时它会改变组件,当我把link放在主app.js中时,它会完美地路由
app.js
import './App.css';
import Navbar from './Navbar/Navbar'
import About from './About/About'
import { Route, Link, BrowserRouter as Router ,Switch} from 'react-router-dom'
function App() {
我是新的反应,我有很多视频,但我找不到我的问题。当我单击主页上的联系我按钮时,我想打开联系我部分。当我点击contact me按钮时,它会更改URL中的路由,但会打开页面。当我尝试通过单击导航栏中的链接打开同一页面时,它起作用了。
为了保持可读性,我在发布问题时进行了清理。
这是我的App.js
import React from 'react';
import Nav from './components/Nav';
// Import Pages
import AboutMe from './pages/AboutMe';
import My