主页与使用React Route的其他页面重叠
主页与使用React Router的其他页面重叠是指在使用React Router进行页面导航时，主页的内容与其他页面的内容发生了重叠，导致页面显示混乱或不正确的问题。
这个问题通常出现在React应用中使用了React Router进行路由管理时。React Router是一个流行的用于在React应用中实现页面导航和路由功能的库。它通过定义路由规则和组件的映射关系，使得在不同的URL路径下展示不同的组件内容。
当主页与其他页面重叠时，可能是由于以下几个原因导致的：
- 路由配置错误：在React Router的路由配置中，可能存在错误的路由规则或者组件映射关系。这可能导致在某些URL路径下，主页的组件与其他页面的组件同时渲染，从而导致重叠。
- 组件嵌套问题：在React应用中，可能存在组件嵌套的问题。如果主页组件被错误地嵌套在其他页面组件中，就会导致主页与其他页面重叠。
- 样式冲突：可能存在样式冲突的问题，导致主页的样式与其他页面的样式发生冲突，从而导致页面重叠。
解决这个问题的方法包括：
- 检查路由配置：仔细检查React Router的路由配置，确保每个URL路径都有正确的路由规则和组件映射关系。可以使用React Router提供的<Route>组件来定义路由规则，并使用<Switch>组件来确保只有一个路由匹配成功。
- 检查组件嵌套：检查应用中的组件嵌套关系，确保主页组件没有被错误地嵌套在其他页面组件中。可以使用React开发者工具来查看组件层级关系。
- 解决样式冲突：如果存在样式冲突问题，可以使用CSS命名空间或CSS模块化的方式来隔离不同页面的样式，确保它们不会相互影响。
在腾讯云的产品中，可以使用腾讯云的云服务器（CVM）来部署React应用，并使用腾讯云的云数据库（TencentDB）来存储应用的数据。此外，腾讯云还提供了云原生应用开发平台（Tencent Cloud Native Application Center）和人工智能服务（Tencent AI）等产品，可以帮助开发者更好地构建和部署云计算应用。
腾讯云云服务器（CVM）产品介绍：https://cloud.tencent.com/product/cvm 腾讯云云数据库（TencentDB）产品介绍：https://cloud.tencent.com/product/cdb 腾讯云云原生应用开发平台（Tencent Cloud Native Application Center）产品介绍：https://cloud.tencent.com/product/tcnc 腾讯云人工智能服务（Tencent AI）产品介绍：https://cloud.tencent.com/product/ai
相关·内容
3回答
我正在尝试创建一个单页面应用程序，其中包含一个主页和两个其他页面。问题是，当我用react-router点击链接时，主页不会“消失”--新的组件只是呈现在现有组件的下面。
两个链接的组件按预期工作-当单击适当的链接时，它们将替换其中一个组件。但是1)它们甚至在渲染之前就创建了空格2)它们不会“替换”主组件。
如何在切换页面时“隐藏”主页组件？下面是我的代码：
import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import App from './App&
浏览 2提问于2017-06-01得票数 0
我一直在环顾四周，似乎想不出这一点。我一直对自己的反应很满意，但我觉得我错过了什么。我有一个主页组件，一个关于页面组件，和一个Reroimage组件。我希望英雄图像在/页面上呈现homepage.jpg。我想为Aboutpage.jpg URL呈现/about。
我想我可以简单的通过道具。我有主页图像工作，但不使用相同的方法Aboutpage图像。
在英雄形象组件中，我有<img src={props.img} />，在页面的每个组件中，我有<HeroImage img={homepage} /> (导入jpg)，然后在app.js中，我呈现主页和关于页面的块下面和下面
浏览 1提问于2021-10-31得票数 0
回答已采纳
我想在单击登录page..But中的按钮后重定向到主页当我单击地址栏中的按钮时，显示了主页的路径(它重定向到主页)..but它没有呈现与该path.It相关的组件仍然显示具有主页address.So的登录页面，我必须刷新页面才能呈现主页page.what在这里是错误的吗？？
在我的登录中，page...this是我用于按钮onClick的函数。
gotopage()
{
this.props.history.push('/home')
}
在我的索引中，js页面..
import React from "react";
import {
浏览 5提问于2018-09-25得票数 0
2回答
反应路径不能路由到不同的路径
、、、、
我试图从主页引导到"/allUsers"页面。主页有一个指向所有用户页面的链接。但是当我从主页点击到所有用户页面时，它不会显示任何内容。指向所有用户的链接是"http://localhost:3000/allUsers"。
App.js：
import './App.css';
import { Routes, Route } from "react-router-dom";
import { BrowserRouter } from 'react-router-dom';
import React, { useS
浏览 6提问于2022-11-10得票数 0
我需要显示一个自定义404页，如果没有这样的网页在网站上。为此，引入了<Route path='*' element={<MissingPage />} />路由并对其进行管理。但除此之外，404页显示在网站上的所有页面的底部，除了主页面。我希望它没有出现
"dependencies":
"@craco/craco": "^6.4.3",
"@emotion/react": "^11.9.0",
"react": "^18.1.0"
浏览 4提问于2022-07-20得票数 2
所以'/‘代表主页，’/约‘代表关于我们的页面，但是当我要回家时，关于我的关于我们的页面内容被附加在主页的末尾，请帮助我谢谢
import {HashRouter, Route,Router,browserHistory,Link,Switch} from 'react-
router-dom';
<HashRouter handler={App}>
<span>
<Route path={'/'} componen
浏览 1提问于2017-09-08得票数 1
我在Reactjs项目中设置了React Router。header组件有4个不同的菜单项。登录后，我只得到了标题组件，而不是它下面的第一个菜单项组件。 我已经创建了一个加载标题组件的主页组件，下面我给出了不同菜单项页面的路由。在每个项目的Header组件中，我将其链接到相应的项目页面。 //Home Page Code.
<Router>
<Header />
<Route path='/Jobs' component={Jobs} />
<Route path='/Admin' compon
浏览 34提问于2019-08-26得票数 1
我正在尝试构建一个React应用程序，在"/"上有一个主页，在"/:pagename"上有其他页面，但当我尝试使用<Switch>来做这件事时，我得到了我的主页的内容加上我在"/:pagename"上的其他页面的内容。我不太熟悉React或BrowserRouter，但我认为这是因为"/:pagename"在技术上也是"/"。当基本url没有附加任何内容时，我如何才能使我的主页只显示出来？
class App extends Component {
render() {
return (
<b
浏览 14提问于2018-07-26得票数 0
回答已采纳
我正在使用react-router-dom在web应用程序中定义我的路径。 render() {
return (
<BrowserRouter>
<div style={{background:'floralwhite'}}>
<Route path='/' component={Home} />
<Route path='/calendar' component={Calendar} />
&l
浏览 30提问于2019-04-24得票数 1
回答已采纳
目前我正在使用BrowserRouter，但实际上Git页面不能与BrowserRouter一起工作，所以我们需要使用HashRouter。我很难接受这一转变。
这就是它在本地使用BrowserRouter的工作方式。
import "./App.css";
import { BrowserRouter, Routes ,Route } from 'react-router-dom';
import Home from './components/Home';
import NavigationMenu from "./component
浏览 3提问于2022-08-14得票数 1
我已经安装了render路由器，并且我正在尝试将主页面呈现出来。
这是当前的index.js
import React, { Component, PropTypes } from 'react';
import { Router, Route } from 'react-router';
import Layout from './components/Layout';
import NewsComponent from './components/NewsComponent';
<Router>
<d
浏览 4提问于2017-04-20得票数 1
回答已采纳
2回答
我正在做一个电子商务网站的反应，redux，redux-thunk (我还不知道redux-thunk )。假设该网站有6页的主页、商店页面和联系人页面，关于页面、订单页面、结帐页面，如果我们单击产品，它将显示产品详细信息页面。
在主页中有3种不同的滑块，它需要所有的产品在滑块中显示，这意味着我需要在主页中使用API中的所有产品。
此外，在商店页面上，我需要在商店页面上显示所有的产品
我有一个名为Layout的组件，在这个组件中，我有条件地呈现页面，如for / have将被加载，/shop商店页面将被加载。然后在Appjs文件中导入布局组件。
App.js
import React
浏览 3提问于2020-10-19得票数 0
回答已采纳
4回答
我以前的网站只显示主页时，主页选项卡被点击，然后如果你点击我的肚脐品牌，它说404。这个网站用npm开发了一个创建反应应用程序，但是它在这里不起作用，在构建上也不起作用。我不知道这个应用程序出了什么问题，也许路由器的设置搞砸了，我不知道。我已经链接了应用程序和索引页面，我有路由器设置。如果你需要更多的信息，就问我更多的信息。
谢谢
索引
import React from 'react';
import ReactDOM from 'react-dom/client';
import { BrowserRouter } from 'react-route
浏览 22提问于2022-04-23得票数 8
回答已采纳
我希望能够导航到< Router >中定义的"subpage“之外的主页。这是我的组件。
import * as React from 'react';
import { BrowserRouter as Router, Route, Link } from 'react-router-dom';
import { Search } from './page/Search';
import { Quote } from './page/Quote';
export class MainContent ext
浏览 4提问于2017-03-26得票数 5
我创建了一个react应用程序，它有多个路由，可以在本地主机上正常工作。但当我使用npm run deploy将其部署到github页面上时，只会显示主页。
详细信息:该应用程序名为cp-tools。当我打开username.github.io/cp-tools/时，我得到了预期的主页，但当我打开username.github.io/cp-tools/problem-filter/或任何其他页面时，github说，404页面找不到。
Routing (App.js):
<div className="App">
<NavBar />
浏览 4提问于2020-04-16得票数 0
目前，在根组件中，它被设置为默认直接转到Login页面。但是，我想将它设置为检查本地存储中是否已经存在令牌，如果存在，则跳过Login页面并直接导航到主页。
使用我设置的下列代码，它将导航到主页，但在导航到主页之前会出现登录页。
我怎样才能直接到主页而不显示主页呢？
这里是代码：
import React from 'react';
import {render} from 'react-dom';
import configureStore from '../redux/store'
import { Provider } from '
浏览 9提问于2016-10-12得票数 2
大家好，各位同事：
我有一个问题是基于我在一个课程中做的一个项目而提出的。
我所有的代码都是实际构建的，唯一让我很难实现的就是我必须显示的按钮，点击这个按钮就可以找到一个搜索页面。我已经实现了链接，它在主页中显示为超链接，但它将取代这个超链接按钮。
我的主页像这样显示超链接(注意右边页面底部的超链接)：
但是，根据项目要求，主页将显示这样的按钮(功能可以将我带到搜索页面，就像超链接所做的那样)：
下面我向您展示我为这些组件所做的部分代码：
App.js代码的一部分：
代码的乞讨：
import React from 'react&#
浏览 0提问于2019-11-12得票数 0
回答已采纳
2回答
我刚刚开始使用React，并使用create-react-app创建了一个新项目。我已经做了一个可以工作的主页。但是，我想在此应用程序中添加另一个页面。我有一个按钮在主页上，我想重定向到另一个页面时，点击。有人能给出一个简单的解释吗？
我确实知道还有其他问题会问这个问题，但它们似乎不适用于create-react-app，或者我不理解它们，因为我刚刚开始使用React。
这是我的index.js：
import React from 'react';
import ReactDOM from 'react-dom';
import { Route, Browse
浏览 4提问于2017-08-11得票数 3
回答已采纳
3回答
当我在我的应用程序上重新加载'details‘页面(它不是主页)时，我得到了错误：
"TypeError:无法在未定义的“国家”的属性‘标志’结构。“。
我想，当数据从主页传递到另一个页面时，如果我们不从主页传递到details页面，我们就无法从API加载数据。
经过一些研究，我得出结论，我必须修改webpack.config.js中的一些内容，但是当我使用命令创建应用程序时：
npx创建-react app my-app
我很难找到webpack配置文件，我甚至不确定这是否是解决方案。
主页上的卡片(点击后，指向特定国家的详细页面)：
import { Link } from
浏览 4提问于2021-05-31得票数 0
回答已采纳
我部署了我的react js站点。但是它不能通过url加载页面。 它可以加载主页https://cekedu.netlify.app/，当我单击登录时，它会进入登录页面。 但是我不能通过输入url https://cekedu.netlify.app/login直接转到登录页面。 但它在开发中是有效的。 导入React from 'react‘import './css/typicons.min.css’从'react-dom‘导入路由器'./components/ User’import Header from‘./components/ Home Head
浏览 33提问于2020-04-23得票数 1
回答已采纳
我已经创建了名为"LoginForm“、"Navbar”、"Home“、"About”和"Contact“的文件，它们都有各自的基本组件。
当我尝试将它们全部渲染到我的应用程序中时，我希望登录屏幕首先出现。然后我将它设置到我点击“登录”的地方，它应该链接到我的主页，然后可以在那里访问和切换导航栏。
由于某种原因，我可以在单击“登录”时访问主页，但登录屏幕不会消失。
下面是我的代码，其中包含到每个页面的路由和指定确切路径的开关。
import React, { Component } from 'react';
import ReactDO
浏览 0提问于2020-03-28得票数 0
我使用React路由器根据特定的url呈现不同的页面。现在，我想使用来延迟加载所有页面组件：
import React from "react";
import { BrowserRouter as Router, Switch, Route, Link } from "react-router-dom";
const Page = React.lazy(() => {
return import("./Page");
});
const App = () => {
return (
<Router>
浏览 0提问于2020-10-15得票数 16
1回答
反应元件高度
、、、
我已经创建了一个react组件，作为我的react应用程序的主页。我使用的反应路由器导航在我的网站上的组件。我能够在我的导航栏下显示主页组件，但是我遇到的问题是主页组件没有占据整个页面。我希望组件占据页面的其余部分，而不是导航栏。
这是我的Home.js (主页组件)
import React from 'react';
import './Home.css';
export default function Home() {
return (
<html>
<body>
浏览 2提问于2019-12-25得票数 0
回答已采纳
我是react的新手，我只是想知道如何将用户从404错误页面重定向到主页这是我在GitHub The project Github repository 上的项目代码库 这是我的路线代码 import React, {Component} from 'react';
import { BrowserRouter, Route, Switch, Link, Redirect } from 'react-router-dom';
import Home from './components/home';
import About from
浏览 9提问于2019-01-17得票数 1
这种情况:我有主页index.html。我不会对它使用React。但是在主页上有一个我使用React的游戏页面的链接。
我需要在游戏页面上创建应用程序，但webpack(我认为)可以渲染应用程序只在index.html.上我有渲染在游戏页面上的容器。但是react忽略了它。另一方面，当我在主页上为rander创建容器时，一切都是正常的。
代码的和平：
import React from 'react';
import ReactDOM from 'react-dom';
import ElectronApp from './components/E
浏览 1提问于2018-12-17得票数 0
我正在构建一个菜谱应用程序，我为主页构建的组件是在其他每一个路径(或页面)上呈现的。我将单击以进入我构建的随机配方组件，瞧，我的主页组件被呈现在它下面。我所有的路线都是这样的。
如何才能使主页组件不呈现在其他每个页面上？
import React from 'react';
import hero from './cuttingboard.jpg';
import cooking from './random.jpeg';
import {BrowserRouter as Router, Switch, Route} from 'reac
浏览 2提问于2021-10-25得票数 0
回答已采纳
我使用react-router v3，我有几个下拉在主页和按钮移动到产品页面。当用户再次回到主页，它应该显示相同的值，用户已经选择。而是如何重新加载所有的值。
有没有什么方法可以让我使用react-router很容易地保存价值？
<Route path="/" component={Main} />
<Route path="product" >
<IndexRoute component={Product}/>
<Route path="offer
浏览 3提问于2018-09-24得票数 0
My App.js
import React from "react";
import { BrowserRouter, Route } from "react-router-dom";
import Home from "./Components/screens/Home";
import Signup from "./Components/screens/Signup";
import Signin from "./Components/screens/Login";
import Profile from
浏览 2提问于2021-04-22得票数 1
回答已采纳
当我单击Submit按钮时，它应该将我重定向到另一个页面，在那里，我的其他所有页面都应该显示在那里。这是提交页面，在这里我编写了一个函数来重定向到主页。
import React, {Component} from 'react';
import './App.css';
import { BrowserRouter, Route, Link } from 'react-router-dom';
import Home from './components/home';
class App extends Component {
浏览 0提问于2019-09-04得票数 2
回答已采纳
我使用的是，它与react-router 4.x兼容。
我的应用程序有两个页面：/login和/home。
我尝试将页面重定向到/login，如果用户访问一个不存在的页面。这是我的代码
import { Route, Redirect } from 'react-router-dom';
import { ConnectedRouter, routerMiddleware, push } from 'react-router-redux';
ReactDOM.render(
<Provider store={store}>
<Co
浏览 3提问于2017-07-30得票数 3
回答已采纳
2回答
我在react中创建了四个不同的页面，并使用react路由器添加了它们？如果用户未登录，我希望将配置文件页面重定向到主页。我试过遵循密码。
<Route path="/profile" {login ? <Profile /> : <Navigate replace to="/" />} />
( "/“是主页)
浏览 5提问于2022-06-06得票数 1
4回答
当我从/home导航到/dashboard时，路由器工作正常，但是当我从/home导航到/profile:id时，路由器导航到那个配置文件页，这个页面也很好，但是当我刷新它时，它变成了空白页，不给我任何404或者重定向回主页，我使用的是
react-router: "^4.2.0", react-router-dom: "^4.2.2", react-router-redux: "5.0.0-alpha.6",
那么，如何摆脱空白页，如果url在/profile/5，然后在刷新页面上导航回主页或任何应该合适的内容，请帮助？
index.js
浏览 3提问于2018-03-09得票数 4
我到处寻找这个问题的答案--我非常确定这是我在React应用程序中布局组件的方式：
在React中制作我的投资组合页面时，我使用了CREATE REACT应用程序，在它完成并在本地正常运行后，我对主页和构建等的package.json文件进行了必要的更改。然后，当我使用Yarn部署时，主机链接将打开我的网站-但没有我的一个组件:内容。该组件包含一个开关，根据路由，该开关将在包含该路由的页面正文中显示适当的内容。
当我点击导航栏时，它会将我带到三条路线中的任何一条--包括一个正确显示的主页--但只有在页面首次加载并点击导航栏之后，主页才会显示出来。
为什么会这样呢？再说一次-它在本地运行得很好，
浏览 3提问于2018-11-15得票数 2
TL;DR -我希望我的React应用程序从相对路径domain.com/tweet开始
大家好，我正在创建一个从Twitter获取tweet的React应用程序。
因为整个应用程序只是一个内置的SPA，所以我认为创建一个空的主页和链接导航到tweet页面是错误的，而不是立即将tweet显示为“主页”。同样，目前，显示推特是该应用程序所做的唯一事情。
因此，我正在寻找一种方式来启动我的应用程序的路径"/tweets/“之后的域名。
我知道有两个选项，，但我不确定使用哪一个选项：
package.json“主页”："/tweets“属性
响应路由器导航to="
浏览 12提问于2022-05-14得票数 1
回答已采纳
我正在创建一个多页面的网站，使用React和托管它的Github页面。这个网站在本地主机上加载的非常好，但是当试图输入一个子页面时，它会在Github页面上遇到麻烦。
主页面显示在Github页面上，但是当单击子页面链接时，Github页面显示错误404页。
404
File not found
The site configured at this address does not contain the requested file.
尽管显示了此错误，但URL的显示方式与本地主机显示的方式相同。
主页
LocalHost: http://localhost:3000/my-websit
浏览 16提问于2022-08-15得票数 1
我正在使用React开发一个动态网页。我使用来自React路由器的一个开关组件，根据用户的需要从主页切换到各种其他页面。我希望使用以下路由来创建一个新帐户： 主页>>登录页面>> create account (1) > (2) > (3) >> back to login or Home page In word:用户应该能够从主页导航到登录页面，从登录页面导航到具有三个步骤(每个都是唯一的组件)的Create account页面，并从第三步返回到主页。 我的麻烦在于从第三个创建帐户页面返回到主页或登录页面。我可以从页面1 > 2、2
浏览 12提问于2019-05-23得票数 0
回答已采纳
这是一个小的前端框架的反应应用程序，然后建立，然后服务静态。
由于应用程序使用React-Router进行基于浏览器的路由，但服务器对该应用一无所知，所以我在后端添加了一些代码，用于读取应用程序从json文件中使用的路由列表，并为每个放置redirect=/path cookie并重定向到主页的用户创建虚拟处理程序。为了简洁起见，这段代码被忽略了，而是集中在前端。
同时，Javascript在这个问题中的反应前端基于相同的外部json文件设置应用程序的React-Router路径。主页面检查服务器是否设置了重定向cookie，如果存在，则将用户发送到该页面。
前端和后端之间的总体效果是，用户可
浏览 0提问于2020-11-24得票数 2
回答已采纳
3回答
我正在尝试创建一个用户身份验证页面。在这里，我试图重定向到主页，如果令牌已经存储在安全存储中，否则重定向到登录页面。我在app页面中指定的条件。但当用户身份验证为真时，当我关闭并打开应用程序时，应用程序不会重定向到主页。但是，当我单击新用户？并返回到登录页面时，它将重定向到主页。我觉得这与状态更改有关，首先页面呈现初始状态，然后呈现可能导致问题的已更改状态。请在这方面帮助我。我已经粘贴了代码以供参考。
App.js
import React, {useState,useEffect} from 'react';
import {
SafeAreaView,
StyleS
浏览 1提问于2020-09-16得票数 2
回答已采纳
我试图用react js做一个聊天室应用程序，但我遇到了一个问题，当我试图只看到聊天室页面时，它是ok的，但当我刷新页面然后再次显示主页时，这意味着在聊天室页面中显示两个页面，我不知道为什么再次显示我的主页， 我试过这样做： import React from "react";
import { Router, Route } from "react-router-dom";
import HomePage from "./HomePage";
import TopBar from "./TopBar";
import { cr
浏览 13提问于2021-07-05得票数 0
回答已采纳
1回答
我试图在react create-app中实现路由器，但它总是呈现"/“并显示主页或SignIn页面。我怎么才能解决这个问题？
function AppRouter({ isLoggedIn, user }) {
return(
<Router>
<Routes>
<Route path="/profile" element={<Profile />} />
<Route path="/signUp" element={<SignUp /&
浏览 3提问于2022-07-01得票数 1
回答已采纳
我部署了一个作为主页的Github的React应用程序。
问题是我不能直接访问/home或任何子域，也不能刷新页面。扔404。但是，在应用程序内部重定向是有效的，如果你等待，因为动画是在登陆页面上完成的，你可以到达/home。
我检查了一下，没有其他在/home下注册的存储库。
谁能告诉我原因吗？我该如何解决这个问题呢？
更新: React路由器配置如下：
import React, { Component } from 'react';
import { BrowserRouter as Router, Switch, Route } from "react-rout
浏览 6提问于2019-10-30得票数 1
回答已采纳
我正在尝试转换我的HTML网站为反应，我已经创建了页眉，页脚和主页。现在我想导航到主页上的图像点击内页。我也使用了路由器和交换机，但无法呼叫该寻呼。我收到一个错误'Listing‘is not defined (页面名称为Listing)
我也在添加代码
import {
BrowserRouter as Router,
Switch,
Route,
Link
} from "react-router-dom";
import Listing from './Listing'
我在主页上添加了上面的内容
<Link
浏览 0提问于2021-04-23得票数 1
2回答
在进入路线前显示进度栏
、、、、
我正在使用redux开发一个通用的react应用程序。我使用的是反应路由器v3.我想在进入下一个路由之前显示一个进度条(下一个路径是从API获取数据)。
例如，假设我在“主页”中，我想转到“提交页面”。当我点击提交链接(Router)时，首先在"Home“中显示一个进度条，然后等待提交页面数据获取和，然后转到"Submit Page”。我的反应路线：
<Route component={App}>
<Route path={HomingRoutes.HomePage} component={HomePage}/>
<
浏览 1提问于2017-07-18得票数 3
我制作了一个边栏，导航到'home‘和'search’页面。但是，我想要的是，我只需要在‘主页’页面上显示边栏，而不需要在‘搜索’页面上显示。我现在拥有的是：
App.js
import React from "react";
import "./App.css";
import SideBar from "./components/SideBar";
import Home from "./screens/Home";
import Search from "./screens/Search";
浏览 8提问于2021-04-11得票数 4
回答已采纳
我正在尝试创建一个有多个页面的react应用程序，每个页面都有不同的内容。我使用了(或者至少尝试过，因为我想这就是整个混乱的原因)来响应路由器。我想把所有的链接放到一个引导导航栏中。问题是:当我从主页转到另一个页面时，主页的内容就会从另一个页面的内容中获取。假设我的主页返回“主页”和“关于返回”，那么在/about上将出现“主页”和“关于”。我如何解决这个问题？
Navbar.js：
function Navigation() {
const [collapsed, setCollapse] = useState(false);
return (
<Navbar
浏览 0提问于2019-07-04得票数 0
回答已采纳
1回答
我正在使用materialui库和react-router。在我的顶级组件中，我指定了我的路由：
class App extends Component {
render() {
const {classes} = this.props;
return (
<React.Fragment>
<BrowserRouter>
<Route render={({location}) => (
<TransitionGroup>
<CSST
浏览 0提问于2018-10-01得票数 0
我是第一次使用react@16.0.0和React router@4.2.2。
我在每一页上都显示一个页脚。除了主页之外，我想在每个页面上显示一个标题，但是我不知道从哪里开始。
我当前的app.jsx如下所示：
export default class App extends Component {
constructor(props) {
super(props);
}
render() {
return (
<Router>
<div>
浏览 3提问于2017-11-08得票数 4
回答已采纳
1回答
如何在同一主页上呈现React引导登录表单而不是路由到新的新/login页面？
我的意思是，当我单击LogIn链接时，当前的页面活动(如单击、滚动)应该被禁用，只需显示登录表单。我怎样才能做到这一点？
我已经做了什么，
创建了react引导项目，并使用添加了简单的登录表单。
下面是App.js中的代码
class App extends Component {
render() {
return (
<Router>
<Switch>
<Route exact path="/" component
浏览 3提问于2020-09-11得票数 0
回答已采纳
2回答
我正在使用交换机标签来路由不同的路由 <Switch>
<Route extact path = "/" component = {LoginPage} />
<Route path = "/home" component= {HomePage} />
</Switch> 但是这只加载了path /和/home的第一个组件，还加载了登录页面，没有发生任何事情，主页组件不会加载到/home path上！ 我试过在切换前使用浏览器路由器标签，先试着加载主页，也是一样的，只是加载了主页组件 App.
浏览 33提问于2019-06-18得票数 2
回答已采纳
我是Reactjs.So的新手，我正在制作一个基本的网站，其中将有一个链接到主页，一个链接到隐私政策和一个链接到的条款和条件。下面是App.js的代码
import React from 'react';
import {
BrowserRouter as Router,
Switch,
Route,
Link
} from "react-router-dom";
import PrivacyPolicy from './components/PrivacyPolicy';
import TermsAndConditions fr
浏览 2提问于2020-05-26得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
