React Router url更新，但组件不更新

文章/答案/技术大牛

发布

1回答

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

请帮帮忙，我不知道在我的代码中发现了导致react-router-dom无法工作的错误。当我点击任何链接时，URL会改变，但视图不会改变。App.js文件 import React, { useEffect } from 'react'; import { BrowserRouter as Router, Switch, Route,Redirect, Link } from 'react-router</em

浏览 35提问于2020-10-04得票数 0

回答已采纳

3回答

当url更改时，react路由器不会呈现。

reactjs、react-router-dom

我在Main组件中有以下内容； <Route path="/forum/*" element={<Forum />} />在Forum组件中<Link to="programming"> 为什么路由器在单击链接时

浏览 6提问于2021-12-28得票数 0

回答已采纳

1回答

Shopify App/Nextjs:如何使RoutePropagator工作？

reactjs、next.js、shopify、shopify-app

标准的嵌入式应用程序实现不更新URL，因此需要一个RoutePropagator组件。我实现了Shopify的，但得到了错误TypeError: Cannot read properties of undefined (reading 'pathname') 将其缩

浏览 8提问于2021-12-19得票数 0

回答已采纳

1回答

如何处理从Node Express重定向到React客户端的身份验证(react-router-dom和useContext)

javascript、node.js、reactjs、react-router-dom、use-context

> document.getElementById("root")import React from "react"; BrowserRouter as Router, Rout

浏览 13提问于2020-08-31得票数 1

1回答

反应性/路由器/内存路由器-如何在子组件中传递历史属性并使用push()？

javascript、html、reactjs、react-native、react-router

我正在构建一个React应用程序，我不希望浏览器中的URL被更新。我不是使用‘react路由器-dom’，而是只使用‘react路由器’和MemoryRouter ()。components Home和ScreeningTool可以按预期访问this.props.history.push() )：import {Route, MemoryRouter} from "react-router但是，家里也有孩子组成的组件</em

浏览 3提问于2020-04-04得票数 3

回答已采纳

1回答

使用http路径设置活动选项卡

javascript、reactjs、material-ui、react-material

我有一个垂直选项卡的例子：import Tabs from '@mui/material/Tabs'; index: number;} const<TabPanel value={value} index={6}&g

浏览 7提问于2021-09-21得票数 1

1回答

react路由器在url更新时未显示组件

reactjs、react-router-dom

对于大多数人来说，这可能是一个简单的问题，但是，为什么当我的url更新时，我的组件不能呈现，当我手动更新url时，它可以工作，但我正在使用的链接却不能？我已经在下面包含了我的链接组件，显示栏应该显示为导航(因此在每条路线上)，但Newcase组件应该只显示在其指定的路线上。我试过在它上面使用完全相同的道具。import React, { Component } from 'react' impor

浏览 12提问于2020-01-31得票数 0

2回答

当url更改时，反应性路由器dom不更新类组件。

reactjs、typescript、react-router、react-router-dom

我想问一下，当URL参数发生变化时，更新组件的正确方法是什么。import { BrowserRouter as Router, Route, Link, Switch } from "

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

回答已采纳

1回答

使用React* Router和React Hooks绕过非路由组件中的更新阻止程序*

javascript、reactjs、react-router、react-router-v4、react-hooks

我将React Router与一个通用页面组件一起使用，该组件基于插件从WP Rest API获取内容。我可以通过url和路由工程直接访问页面。我的页脚组件中有一个小菜单，它使用React Router <Link>组件链接到使用页面组件的各个页面。当我单击这些链接时，url正在更新，但Page组件没有使用更新后的插

浏览 13提问于2019-01-09得票数 1

回答已采纳

1回答

如何从组件内部更新路由器

reactjs、react-router

我正在尝试从路由器发布到的组件中更新路由器。这是带有导航栏的主页，以及指向各个页面的路由。class Page extends React.Component { return ( <Navbar id="navbar> } } 当我加载LandingPage组件时，我现在就有了： class LandingPage extends React.Compon

浏览 9提问于2019-07-02得票数 0

4回答

useLocation抛出对象不是函数

javascript、reactjs、react-router-dom

尝试使用useLocation -router-dom 5.1中引入的反应钩子，但抛出错误-对象不是函数。我已经粘贴了下面代码的要点react - 16.13App.js <Switch> <Route i

浏览 0提问于2020-08-15得票数 1

2回答

Reactjs:使用数组从导航栏进行路由

reactjs、routing、navbar

我实际上正在学习react，并且面临着一个问题，我真的不知道如何处理。我有一个创建导航栏的导航组件。它以前是一个OnePage，在我的页面中导航没有问题，但现在我想创建更多的页面。我的实际Navigation.js看起来像这样： import React, { Fragment } from "react";

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

3回答

React使用<Router>的路由器提供:-无法读取未定义的属性“位置”

reactjs、react-router

我现在正在尝试对我现有的js文件使用react-router。然而，仅使用<Router>会给我一个错误:- vardangerouslySetInnerHTML={{ __html: this.state.article.body }}> </div> <

浏览 1提问于2018-08-02得票数 0

回答已采纳

3回答

在React中链接2个页面时出错“无法读取未定义的推送”

reactjs、button、push、router

我试图通过建模标签中的按钮"Go“从建模页面链接到上传页面，当我按下Upload.jsx我的modeling.jsx代码时，读取undefined的属性' push‘时出现错误：import {Button} from "react-bootstrap" class Modeling extends Component, { Component } from "react</e

浏览 5提问于2020-10-23得票数 0

1回答

@reach/路由器-路径更新，但当Link单击时组件不呈现

reactjs、material-ui、reach-router

根据@reach/router github页面上的建议，我开始为一个新项目使用react-router-dom。不幸的是，看起来非常简单的用例不起作用。首先，我尝试将@mui BottomNavigation组件与@reach/router Link一起使用，如下所示： <BottomNavigationAction label="Favorites"icon={<FavoriteIcon />} component={Link} to

浏览 9提问于2022-05-01得票数 3

1回答

组件在使用<Link>后单击未呈现

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

我在<Switch>中设置了一个Routes和一些App.js中的Routes，以便将组件重定向和链接到一起。来自App.js的第一个App.js转到ComponentA，当单击div时，它应该转到ComponentB，但事实并非如此。/components/Component.js'; import { BrowserRouter as Router, Route, Redirect, Switch} from 'react-router-dom>

浏览 0提问于2021-05-05得票数 2

回答已采纳

1回答

当Resivev15.5使用React* redux v5是设置时，路由没有导航*

javascript、reactjs、react-router、react-redux、react-router-redux

as Router } from 'react-router-dom';import thunk from 'redux-thunk';Route

浏览 4提问于2017-07-13得票数 6

回答已采纳

6回答

试图导入错误：“useRouteMatch”不是从“react路由器-dom”导出的。

reactjs、react-router、react-router-dom

当我尝试从react路由器-dom模块导入useRouteMatch时，我有这个错误，我有以下错误： BrowserRouter as Router, Route, useRouteMatch, 我查看了模

浏览 6提问于2019-10-15得票数 21

回答已采纳

2回答

如何使用React创建主详细页

reactjs

如何使用ReactJs创建Master / Detail。我有以下代码，显示从Json文件的记录，但我需要有关如何创建一个详细页使用帮助。

浏览 0提问于2019-11-26得票数 2

4回答

未呈现的React路由器或链接

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

我正在使用redux应用程序中的redux路由器-dom。ReactDOM.render( <BrowserRouter> </BrowserRouter>然后在我的App.js中我有： return ( <div class

浏览 1提问于2017-11-03得票数 6

回答已采纳

点击加载更多