React路由器由于其结构而不渲染组件

文章/答案/技术大牛

发布

1回答

javascript、reactjs、react-router-dom

我刚刚更改了App组件的结构，现在Router不会呈现任何组件。这是我的App.js文件。如果我删除MiddleContainer组件，它会完美地工作。这些组件中的任何一个都没有路由器，所以嵌套路由没有问题。我认为这是因为App.js的结构，因为我读到Switch应该将Route作为它的直接子节点。 import "./App.css"; import React from "react&quo

浏览 3提问于2021-04-05得票数 1

回答已采纳

2回答

如何从一次管线更改中渲染多个组件？

reactjs、next.js、router

我习惯于使用React Router，它提供了很大的灵活性，可以在页面上的不同位置从单个路由呈现多个组件，而无需重新加载整个页面。下面我给出了一个例子。我想在将来的项目中使用Next.js，但我找不到一种方法来重现这种类似应用程序的路由器功能，因为Next.js似乎只提供基于页面的路由，而不能控制在页面上重新呈现单个组件以响应路由更改。在下面的示例中，我在CRA中使用React Router，基于我的链接配置在页面上并发呈现多个组件。根据我目前的理解，这似乎不可能使用N

浏览 13提问于2021-02-18得票数 1

2回答

使用withRender进行React测试

reactjs、react-router、enzyme、jestjs

我正在尝试测试嵌套在withRouter中的应用程序组件在我的index.js <BrowserRouterAlways render the header", ()=>{ });除了没有找到头文件外，它返回0而不是1我已经在网上查找过了，但唯一的另一个例子是抓取快照，而我正在尝试检查呈现的组件

浏览 15提问于2018-02-09得票数 0

1回答

React路由器导致无效的钩子调用

javascript、reactjs、react-router

我有一个使用react-router的React应用程序。我可以通过在Route组件中输入一个像render={() => <Log />}这样的函数来绕过这一步，但是这样做会使我无法访问该组件中的match.params。有没有修复方法可以让我使用render={Log}而不抛出错误？编辑：import React, { useState } from '<em

浏览 4提问于2020-09-29得票数 1

1回答

使用React的受保护路由

reactjs

在浏览有关在React中创建受保护路由的资源时，我遇到了以下示例 <Route<Component {...props} /> )} />我可以利用这个组件 <PrivateRoute exact path

浏览 6提问于2021-01-15得票数 0

回答已采纳

1回答

组件不使用react路由器进行呈现。

reactjs、react-router

我做了一些路线，但我的组件不呈现当我点击链接。我没有任何错误，组件，除了Navbar，根本不渲染。BrowswerHistory产生同样的结果。我使用的是react路由器3.0.0版本。我的路由器结构有什么问题？import {Router, Route, IndexRoute, hashHistory} from 'react-router'; <Router

浏览 2提问于2017-03-31得票数 2

回答已采纳

1回答

this.props.history.router不适用于websocket的第一个触发器

javascript、reactjs、ecmascript-6、react-router

但是有一个问题，我的this.props.history.push在第一次点击时不工作。页面没有变化，当我第二次触发它时，它发生了变化。

浏览 2提问于2018-07-17得票数 0

1回答

正确使用react路由器v4

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

最近我决定开始学习react，出于这个原因，我一直在开发一个小型的库应用程序。目前困扰我的部分是路由，我想用react-router v4来做这件事，但是我不能理解它。应用程序是用MERN堆栈(mongodb、express、react、node)编写的。由于应用程序中的代码非常大，因此我将提供一个，因此请查看它。使用react路由器实现这一点的最佳方式是什么？谢谢

浏览 15提问于2018-01-02得票数 0

回答已采纳

1回答

React在链接之间导航

javascript、reactjs、react-router

<BrowserRouter></BrowserRouter> 假设应用程序组件呈现Header(链接列表)和Main(路由列表)，component.Does从一个链接导航到另一个链接重新呈现应用程序组件

浏览 2提问于2018-08-23得票数 1

1回答

React Router VS条件渲染

javascript、reactjs、react-router-v4

我对使用React Router和常规的条件渲染方法之间的核心差异(特别是在性能方面)感到困惑。我所指的“常规条件渲染方法”是，例如：我们可以在父组件中设置一个状态，并将其作为子组件的道具传递，我们根据需求有条件地更新这种状态，子组件将根据其道具重新呈现不同的内容。我认为它可以达到与使用React Router完全相同的目的，那么为什么我们还需要React路由器呢？使用react Router会带

浏览 2提问于2018-07-05得票数 15

1回答

无法使用REACT-ROUTER-DOM进行重定向

reactjs、react-router、react-router-dom

我知道我在其他文件中使用了完全相同的东西(this.props.history.push()和withRouter)，并且它工作正常……我在browserHistory中使用"react-router-domconsole.log(this.props.history); }}import React, { Component } from 'react'; i

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

回答已采纳

1回答

React路由器-dom将道具传递给组件

javascript、reactjs、react-router

我需要通过路由器将道具传递给组件。这是我的密码：import { connect } from 'react-redux';import {BrowserRouter as Router, Route} from 'react-route

浏览 2提问于2017-04-18得票数 44

回答已采纳

3回答

如何在没有react路由器的情况下创建新页面

reactjs、react-router、material-ui

我正在创建一个react项目，在这个项目中，我的主页上有一个按钮，当我单击它时，它应该会打开一个包含要填写的表单的新页面。因为它是一个表单，只有在点击主页上的按钮后才会出现，所以我不想使用react路由器，因为我不想让用户只输入'mywebsite.com/ form‘。附注:我在我的整个应用程序中使用material-ui组件，因此文本字段、日期选择器等都是mui组件，因此从这些组件中提取的数据必须符合这些组件。

浏览 24提问于2020-10-01得票数 0

2回答

react路由器如何才能只渲染其路由中的组件，而不渲染其他组件？

reactjs、react-router

如何在/Modificar中仅显示Modificar组件，在中同时显示BasicTable和FormTareas <BrowserRouter> <Switch>modificarTarea={modificarTarea}</BrowserRouter> 正在运行，但当我在/Modificar中滚动时，其他两个组件也会呈现

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

回答已采纳

2回答

Router`‘不再默认历史支柱为散列历史

reactjs、react-router、ecmascript-5

在ES5中使用React-路由器，我有以下代码var Render = require('react-dom').render;var Route = require('react-router').Route; var hashHistor

浏览 1提问于2016-09-15得票数 1

回答已采纳

1回答

MemoryRouter在BrowserRouter中使用控制BrowserRouter的链接

typescript、react-router

我有一个从位置读取其状态的组件。但是有时当嵌套时，我不希望它修改位置，所以我将它包装在MemoryRouter中。这样，它仍然可以从位置(内存中)读取和更新其状态，但是浏览器url不会改变。</BrowserRouter> 我想使用react-router-dom的链接组件从内部导航到应用程序的其他部分。但是，链接什么也不做，因为它在MemoryRouter内部。是否有办法强制Link控制顶级路由器，而不是层次结构中的第一个？

浏览 0提问于2021-09-29得票数 0

2回答

React- router :如何在呈现的组件中获得对路由器的引用？

reactjs、react-router

React-router正在呈现我的组件'App‘。(这是react-router的1.0.0版)。我需要从'App‘内部获取对路由器的引用。这个是可能的吗？我需要这样做的原因是因为'App‘正在渲染Breadcrumbs --这是react-breadcrumbs v1.0.2的一个实例--而react-breadcrumbs希望路由器在this.content(看起来react-b

浏览 0提问于2015-09-24得票数 1

1回答

渲染子视图，维护历史记录，而不是重新渲染整个视图。这个是可能的吗？

javascript、reactjs、react-router、url-routing

我正在将现有的react应用程序从使用director迁移到使用react-router。虽然到目前为止我很喜欢它，但使用director维护历史记录而不重新渲染整个页面是很容易的，我不确定使用react-router是否可以做到这一点。我想要做的是有一个视图，我们称它为Slides，还有另外两个嵌套视图组件，我们称它们为One和Two。在路由器中，这些组件将映射到/slides、slides/one和slides/tw

浏览 3提问于2016-08-08得票数 0

回答已采纳

2回答

响应嵌套导航的路由器最佳实践？

reactjs、react-router

我正在构建一个React应用程序，并使用React路由器来管理路由。我不知道为什么路由器会在解析/projects/:projectid参数时停止，而不继续呈现分配给/projects/:projectid/objects路由的组件。我认为问题在于我使用了错误的React路由器。子路由应该物理嵌套在其父组件中-而不仅仅是逻辑嵌套的。至少，我认为这就是

浏览 1提问于2016-07-27得票数 14

回答已采纳

1回答

如何提醒用户在模块库中未保存的更改？

reactjs、react-router、node-modules

在React模块库(项目间共享的库)中的一个组件中，我需要提醒用户注意未保存的更改，这意味着必须在组件卸载之前通知用户。我已经做了很多研究，唯一可能的方法是使用路由器(使用< Prompt />或setRouteLeaveHook，因为SPA不卸载页面以在页面之间导航)。由于npm模块并不真正拥有<路由器/>组件(使用这些模块的React项目拥有它)，任何与路由器相关的操作

浏览 5提问于2020-11-18得票数 0

点击加载更多