React -使用Route(path，exact，component)在指定路径上呈现组件，但只有在路径匹配时单击刷新才会呈现

文章/答案/技术大牛

发布

1回答

javascript、reactjs

我在register按钮的单击处理函数中使用了this.props.history.push("/register")，它确实起作用了，因为当我单击该按钮时，地址栏中的路径更改为"/register"然后，我在App.jsx中使用了<Route path="/register" exact={true}

浏览 27提问于2021-07-01得票数 0

2回答

React.js自动重定向路由

reactjs、react-router

我的index.js中有一段代码：<Router> <Route path='/'> </Route> <Route path="/login" c

浏览 1提问于2019-08-22得票数 1

回答已采纳

5回答

在不牺牲性能的情况下使用react路由器

javascript、reactjs

我正在使用React路由器来管理我的webapp的URL。这就是我到目前为止在Routes.js上所做的 return ( <Navbar /><Switch> <Route exact path="/inicio" component</

浏览 1提问于2020-06-05得票数 2

回答已采纳

2回答

Reactjs“无路由匹配位置”/blabla

reactjs、react-router、react-router-dom

我希望将页面的路由保存在单独的组件中，并在app.js中呈现它们，但它提供了“无路由匹配位置”警告。我正在查看我想要的页面，但是警告总是在那里。BrowserRouter> <HomeRoutes /> </BrowserRouter>HomeRoutes.js <Routepath="/

浏览 11提问于2022-03-10得票数 0

回答已采纳

1回答

React路由器不会呈现组件

javascript、reactjs

我编写了一小部分代码来理解react路由器，我已经设置了路由/、/aboutme和/contact。问题是只有/路由工作，其他路由不会呈现。/contactimport Route from 'react-router-dom/Route' const root=

浏览 2提问于2018-09-01得票数 1

2回答

使用React路由器的react中间件/组件

javascript、reactjs、ecmascript-6

我试着做一个Auth组件，不管它是否只是作为一个中间层来检查用户是否已登录。exact path='/' component={Home} /> <Route

浏览 1提问于2017-08-27得票数 0

1回答

reactjs路由不正确工作

javascript、reactjs、react-router、mern

exact path="/login" component={LoginComponent}/> <Route exact</em

浏览 1提问于2018-06-23得票数 0

回答已采纳

2回答

在组件中添加子路由的响应

javascript、reactjs、react-router、react-router-dom

我试图在路由器组件内的组件中添加<route>，但没有工作。拜托有人能帮我吗？我的登录页面，有一个表单，我只想改变表单的路线。--<LoginForm/>---<DadosPessoais/> <Router> <Route

浏览 1提问于2022-01-19得票数 2

回答已采纳

2回答

当我点击按钮时，url会改变，但页面不会改变，我必须刷新页面才能转到新页面。

reactjs、react-router-v4、react-router-dom

我使用的是react-router-dom 4.0.0。当我点击按钮时，url会改变，但页面不会改变，我必须刷新页面才能转到新页面。, applyMiddleware } from 'redux'; import { BrowserRouter as Router, Route } from 'react-router-dom';exact path={'/'} <

浏览 3提问于2018-03-20得票数 0

1回答

Multiple BrowserRouter显示多个组件

reactjs、react-router

我想使用basename来分离组件。我也有全局BrowserRouter，所以我最终使用了3个urls，这会导致显示多个内容。如果我转到/ Homepage /search，它会同时显示FruitSearch组件和水果组件的内容。我到底如何使用多个BrowserRouter？exact path='/search' component={VegetableSearch}/&g

浏览 0提问于2018-09-24得票数 3

2回答

history.push()在浏览器中更新URL，但不呈现适当的组件(重定向也不起作用)

reactjs、react-router

我在我的项目中使用react-router，如果用户没有登录，则在componentDidMount()中使用this.props.history.push()，然后将其重定向到Login组件。这是我在App.js中的代码： super(props);<Route path=&

浏览 2提问于2020-11-01得票数 2

2回答

主页与其他页面重叠，即使我们使用精确的React路由

reactjs、react-router

我试图路由到新的组件，upload.js，.I，使用react和精确地隐藏其他组件在家里，我单击Upload.it，应该重定向到UploadFileComponent组件，.what正在发生，UploadFileComponent正在加载和重叠，与所有其他组件.added完全相同，但它不能工作。<HeaderComponent></HeaderComponent>

浏览 0提问于2019-06-13得票数 0

回答已采纳

2回答

多个组件被呈现为单一路由与反应路由器v4？

reactjs、path、routes、react-router-dom

因此，我试图理解为什么在本例中同时呈现2条路由：import { Route, NavLink, Switch }path="/" exact component={Posts} /> <Route path=&

浏览 0提问于2019-04-10得票数 1

回答已采纳

2回答

React:如何使用office UI fabric在不刷新页面的情况下进行导航

reactjs、office-ui-fabric

navbar.js：import { Nav } from 'office-ui-fabric-react/lib/问题是，当我单击NavBar项时，页面将刷新并加载该路径中的整个视图。如何重新加载组件，而不是整个页面？> {routes.map((route,

浏览 30提问于2018-07-26得票数 4

2回答

如何在react的服务器端渲染中使用react-router-dom？

reactjs、redux、react-router、react-router-dom

在服务器端react中使用react-router-dom会产生错误。Invariant Violation: Browser history needs a DOM

浏览 0提问于2017-11-09得票数 0

1回答

每个url上的404页呈现[使用React路由器]

reactjs、react-router

如果我使用完全相同的代码，它们会显示： <Route path="/" exact component={Home}/> <Route path="/will-mat

浏览 4提问于2017-04-06得票数 2

1回答

反应路由器4的子路由

reactjs、react-router-v4

我在划分应用程序和使用几个路由器时遇到了问题。我有一个主路由器，它处理几个小应用程序，在每个迷你应用程序中，我想管理它的适当路线。我失败了什么？/Home/Home' return ( <Switch> <Route exactpath="/" com

浏览 1提问于2018-04-27得票数 0

2回答

React路由器转到正确的URL，但不更新视图

reactjs、react-router

我在我的React应用程序中使用React Router来跟踪食谱。这里的组件是为每个食谱卡片生成链接，然后显示所选食谱的详细页面。当我点击卡片中的链接时，我会被带到正确的URL，但视图不会显示组件中的内容，而只是显示基本URL中的Home screen组件。我需要做什么更改才能使URL recipe/{id}真正显示组件？exact path={'recipe

浏览 0提问于2020-07-30得票数 1

3回答

当直接访问URL时，React路由器不会呈现路由

reactjs、react-router-dom

} /> <Route path="/faq" exactcomponent={Faq} /> <Route path

浏览 5提问于2021-02-18得票数 2

2回答

如何添加与基本前缀相同的所有()路由？*

reactjs、react-router、react-router-dom、multilingual

每条路径都以/:lang开头，并以相关页面的路径继续："/:lang/profile""/:lang/products"当路径与可用页面的任何路径不匹配时因为所有的路径都是从同一件事开始的，所以我需要使用exact</e

浏览 2提问于2021-11-17得票数 1

回答已采纳

点击加载更多