React location.pathname to (自定义)标题

文章/答案/技术大牛

发布

5回答

reactjs

我目前正在开发一个react项目，我想在我的页眉中显示当前的页面标题。目前，我使用props.location.pathname和一个switch-case来获得所需的输出。所以我想知道，是否有更好的方法来根据路径设置(自定义)标题。我期望在react-router中有可用的东西，但是我还没有找到这样的东西。欢迎任何见解。

浏览 43提问于2021-03-16得票数 5

回答已采纳

1回答

如何在react js web应用程序的页面导航中更改Material UI ToolBar中的标题？

reactjs、react-redux、material-ui、context-api

我有react功能组件MainToolBar。在导航到其他页面(功能组件)时，我需要更改MainToolBar的标题。我怎么能这么做呢？BrowserRouter as ReactRouter, Route as ReactRoute, } from "react-router-dom

浏览 10提问于2021-05-07得票数 1

回答已采纳

1回答

如何根据呈现的内容组件使我的ant设计标头名称动态化

reactjs、react-router、react-router-dom、antd、ant-design-pro

我正在做一个使用ant设计的项目，在这个项目中我创建了一个单独的标题和内容组件。这是我的头组件。import React from "react";import{ withRouter } from "react-router-dom"; import { BellIcon, LeftArrowIcon } from

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

回答已采纳

1回答

访问交换机组件外部的路由器属性

javascript、reactjs、react-router

我使用的是react-dom-router (React router v.4)<div className={classes.root}> <div className<App /> </Router>, MOUNT_NODE);我想在标题中有

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

回答已采纳

1回答

React Router 4-无标题，仅用于主页

javascript、reactjs、react-router

我似乎面临着一个简单的问题，但我想知道解决它的最好方法。const AppRouter = () => ( <div className="content"> <Switch> <Route path="/adm

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

1回答

React :在所有子页面上隐藏菜单

javascript、reactjs

我在我的应用程序中使用React-router，在我的App.js中使用这样的东西 {location.pathname === "/welcome"|| location.pathname === "/registration" ||

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

回答已采纳

2回答

React在页面刷新时不呈现正确。

javascript、reactjs、antd

根据用户身份验证状态呈现我的标题。如果对用户进行了身份验证，则使用appHeader。import React, { Component } from 'react'import { Layout, BackTop/Common/AppHeader' import { withRouter } from 'react-router-dom'

浏览 1提问于2017-12-14得票数 1

回答已采纳

1回答

您如何确保导航栏中的按钮状态被设置为活动的onclick时，路由是为该按钮？

css、reactjs、navbar

在我的react应用程序中，我想让一个svg按钮(在我的导航栏中)在按钮的路由处于活动状态时更改颜色，或者根据按下/选择的哪个按钮的路径来切换颜色。

浏览 3提问于2021-12-30得票数 -1

1回答

添加查询参数的自定义钩子总是在更改位置时呈现使用它的组件。使用的反应性路由器

reactjs、react-hooks、react-router-dom、react-custom-hooks

问题import { useRef } from 'react' import { useHistory, useLocation } from

浏览 4提问于2022-02-22得票数 -1

1回答

消息头组件在路由更改后不会更新

reactjs、react-router-dom

import React, { useEffect } from 'react'; </Switch> </div>} impo

浏览 3提问于2021-10-08得票数 2

回答已采纳

1回答

中的访问位置属性

javascript、reactjs、react-router

是否有办法从我的App组件中的react路由器访问这些道具？<BrowserRouter> </BrowserRouter>, document.getElementById('react-app

浏览 0提问于2018-03-08得票数 2

2回答

useLocation().pathname在react路由器-dom中正在改变，但是当我将它放在if语句中时，它一直是正确的。

reactjs、if-statement、react-router-dom

import React, { useState, useEffect } from "react"; let location = useLocation(); //Checks if location.pathnameif (loc

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

回答已采纳

1回答

使用React头盔显示标题

javascript、reactjs、react-router-v4、gatsby、react-helmet

我真正想做的是将相同的标题发送到我的全局<Header />组件中，这样标题就可以显示在页面的实际文本和标题中。我如何使用React来完成这样的事情?也许可以使用React Router 4？TemplateWrapper = (args) => { return ( <Helmet title={location.pathname

浏览 19提问于2017-12-21得票数 4

回答已采纳

2回答

如何根据位置改变标题背景色

reactjs、react-router、styled-components

我只想做一些事情，比如，如果路由不是Home组件，那么将标题的背景色更改为蓝色。看起来很简单，但却找不出答案。

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

回答已采纳

1回答

React路由器NavLink不触发history.listen()函数

reactjs、react-router、react-ga

我正在尝试使用react-ga库来实现Google，只要路由发生变化，它就需要触发。

浏览 5提问于2017-04-20得票数 4

1回答

将当前路由与数组中的元素匹配

javascript、arrays、reactjs、regex、ecmascript-6

在我的react.js应用程序中，我现在希望将location.pathname与数组中的相应路径相匹配，然后获取数组的标题。routes.find(x => x.path === location.pathname)?.title; 问题是，用我的解决方案，只有没有任何参数的路径才能得到匹配。

浏览 0提问于2021-03-27得票数 4

1回答

如何在历史菜单中更改React路由器v6+页面的标题

reactjs、react-router、react-router-dom

如何更改页面标题，使我在“历史记录”菜单中没有相同的名称？我在我尝试过的文档中找不到任何东西：但是它不起作用，我在看代码： extends Omit<React.AnchorHTMLAttributes: any;}状态在v5的迁移指南中是可见的，但它没有说明它用于什么。我猜它是一个历史状态对

浏览 4提问于2022-04-15得票数 0

回答已采纳

2回答

如何仅在特定页中删除页脚组件？

javascript、reactjs、class

(我使用的是React 类组件)class Routes extends React.Component { return ( <Router>

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

回答已采纳

4回答

设置响应路由器历史侦听器的适当位置

reactjs、react-router-v4、browser-history

如果我只是在Switch下添加一个自定义组件而没有将其包装到Router中，那么就没有历史记录了。我该怎么做才能让它发挥作用？是否有可能在history代码中获得App.js实例？可以使用自定义组件还是临时组件？

浏览 0提问于2019-03-17得票数 1

回答已采纳

3回答

如何在我的导航链接中添加一个活动类来响应路由器？

javascript、reactjs、react-router

我想知道是否有一种方法可以使用react路由器向我的导航链接添加一个活动类。这就是我的代码.import React, { Component, PropTypes } from 'react'; } class Link extends Component { // eslint-disable-line r

浏览 1提问于2016-05-31得票数 1

回答已采纳

点击加载更多