仅显示某些路由的组件- React

文章/答案/技术大牛

发布

3回答

reactjs

该网站显示了一个自定义导航组件，但我不希望它显示在主页(即登录页面)上，但据我所知，静态组件不会在路线更改时重新呈现，这是正确的吗？我使用React-Router来处理所有路由。下面是我的App.js现在的样子： render() { <Router className="App"> <Header />

浏览 27提问于2019-07-01得票数 5

1回答

Laravel & React |如何为每个组件实现一个视图？

javascript、php、reactjs、laravel

我正在尝试将Laravel与具有多个分层组件的React集成。但是，我不希望将这些组件捆绑在一个视图中。在我看来，Laravel目前的功能是将单个视图路由到单个请求。我的react组件层次结构如下：├─ Subcomponent A但是，我只想在主React App中的某些事件中获取每个子<em

浏览 1提问于2020-06-09得票数 0

1回答

为所有管线显示相同组件的浏览器

reactjs、react-router

我正在使用react重新创建一个简单的路由示例。当前仅显示应用程序组件，即使我在“localhost:3000/#/”后键入任何其他内容也是如此。我希望在调用“localhost:3000/#/”时显示应用程序组件，并显示通配符的Whoops404组件。但是，如果我交换路由行并首先编写Whoops404组件，那么每个URI都

浏览 0提问于2018-05-29得票数 0

1回答

React路由器v6：<Route>中的Pass状态

reactjs、react-router

在下面的示例中，<Header>将在路由路径因useLocation()而发生更改时呈现。此外，<Header>将在<Home>或<Info>之前返回。我想要的是在路线改变的时候把标签的价值传递给<Header>，这怎么可行？

浏览 0提问于2022-10-21得票数 1

1回答

如何在React中将属性从一个组件传递到另一个组件

reactjs、components、react-props

我正在做一个使用pokeapi的pokedex应用程序。我似乎想不出如何才能将我的数据从我的精灵列表传递到我的单个精灵页面。基本上，我试图做的是，当我点击列表中的一个pokemon时，我希望它渲染单个pokemon数据组件，并将单击的pokemon的数据传输到该组件。我使用的是react-router-dom 这是我的app.js，我在其中映射存储在状态中

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

1回答

如何访问createContainer中的Redux状态(react* meteor-data)？*

reactjs、meteor、redux、react-redux

Stack：Meteor1.5，React，Redux，React路由器4现在，我不希望所有的Meteor日期都处于Redux状态，而只需要一些通用的应用程序设置(用户设置、过滤器、位置等等)。我的方法如下：用Redux状态连接哑组件</e

浏览 1提问于2017-07-02得票数 0

回答已采纳

1回答

本质上，我遵循了本文，但决定稍微修改一下，以便根据存储在浏览器中的cookie而不是localStorage检索userInfo。import React, { useEffect, useState } from 'react'; import { Navigate, Outlet } from 'react-router<Outlet /> : <Navigate to={ROUTES.sig

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

1回答

使用React路由器4在路由更改时以编程方式传递数据

reactjs、react-router、react-redux、react-router-v4、react-router-redux

要求是将某些数据传递给组件，该组件将在路由更改时呈现(以编程方式)。目前我正在使用来自'react-router-redux‘的推送，没有传递任何数据。因此，我导航到/Animal，并传递希望URl显示的数据中的特定动物详细信息

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

1回答

当React路由器参数更改时强制重新安装组件？

reactjs、react-router

我已经编写了一个简单的应用程序，其中远程资源是在组件的componentDidMount函数中获取的。我正在使用React Router，当路由完全改变时，之前的组件完全卸载，然后新的组件被安装。问题是当用户停留在相同的路线上，但只有一些参数发生了变化。在这种情况下，仅更新组件。这是默认行为。但有时很难处理以前只需要componentDidMount的<

浏览 6提问于2017-12-28得票数 2

回答已采纳

1回答

React-路由器和iFrames

reactjs、react-router-v4

当从iFrame调用ReactJS应用程序时，是否可以在React-Router中执行一些规则，以仅显示特定的路由？我有以下路由，如您所见，它们将始终显示<Header />和<Footer />组件： ...但是，当有人从iFrame将我的应用程序嵌入到他的网站(如小部件)中时，我不想显示<Header />和<Footer

浏览 11提问于2018-08-06得票数 0

回答已采纳

1回答

React-Router是否可以直接指向使用Express定义的路由，而不是呈现组件？

node.js、json、reactjs、express、react-router

如何使用React-Router直接指向在后端使用Express定义的路由，而不是渲染组件？我希望返回响应中不包含HTML的有效JSON。

浏览 8提问于2020-04-12得票数 0

1回答

不能用流路由器在react模板中挂载react组件

javascript、reactjs、meteor、flow-router

我试图用流星流路由器改变组件，路由被正确创建，但是我不能改变组件，控制台日志被正确显示，但是组件没有改变。在浏览器控制台中，我得到以下错误。警告:组件正在更改要控制的文本类型的不受控制的输入。输入元素不应从不受控制的转换为受控的(反之亦然)。决定在组件的生存期内使用受控输入元素还是不受控制的输入元素。import Re

浏览 6提问于2020-05-11得票数 0

5回答

我如何添加多个路径的主页与反应路由器多玛6？

javascript、reactjs、react-router-dom

我使用的是react路由器dom 6/ & /login & /home<Route path='/(home|login)/' element={<Login

浏览 22提问于2022-01-18得票数 2

1回答

如何使dynamic React* Router静态？*

reactjs、react-router、react-router-v4

React路由器过去是静态的，但在版本4中它变成了动态的。这有很多优点，但在某些情况下，您更愿意让React组件独立于路由器。例如，如果您正在升级到React路由器v4，并且不想做太多更改，或者如果您希望保持组件中任何路由器功能的整洁，以提高可重用性。你怎么做到的？

浏览 3提问于2018-04-25得票数 0

1回答

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

javascript、reactjs、react-router

我有一个使用react-router的React应用程序。我的路由的简约版本如下： <div className="App"> <div className="app-container"钩子的路由时，我的应用程序就会崩溃，并显示以下错误： Error:

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

2回答

URL更改，但页面不刷新

reactjs

我使用的是反应路由器4，我有两个组件1- ShopLogin 2- Shopper.单击按钮后，我试图从ShopLogin组件重定向到Shopper组件。一切都很好。在单击按钮后，URL也会发生变化。但问题是，在单击按钮后，我能够在浏览器上看到这两个组件。组件不刷新。不知道为什么会发生这种事。下面是我的密码。import React from 'react'; import PropTypes f

浏览 11提问于2017-04-15得票数 3

1回答

使用布线的Angular2的多个布局

angular

我正在使用路由与Angular2建立我的网站。<html> <base href="/"> </body> &l

浏览 0提问于2016-05-04得票数 4

2回答

如何在React组件中访问history.listen？

react-router、react-router-redux

我有一个特定的组件，希望在每次用户导航时得到通知。有什么方法可以访问传入路由器的历史记录吗？ {// ...}</Router>var Component = React.createClass({ // history.listen

浏览 0提问于2016-11-22得票数 8

回答已采纳

2回答

如何在反应性JS中动态生成站点地图

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

在我的react应用程序中，我使用react路由器-dom进行路由，有将近5000页(这些页面是基于API动态生成的)，现在我不知道如何为这些动态页面生成一个站点地图。来自“我的路线”组件的代码段 path={process.env.PUBLIC_URL + '/genres/:name'} component={MovieGenre

浏览 2提问于2021-06-24得票数 5

回答已采纳

1回答

如何在路径响应-路由-dom 6中指定多个参数

javascript、reactjs、react-router-dom

告诉我在路由的版本6中，如何将几个值()传递到版本5中的路径，这可以通过数组来完成。

浏览 4提问于2022-02-16得票数 0

点击加载更多