程序问答   发布时间:2022-06-02  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了React Router v4-如何获取当前路由?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决React Router v4-如何获取当前路由??

开发过程中遇到React Router v4-如何获取当前路由?的问题如何解决?下面主要结合日常开发的经验,给出你关于React Router v4-如何获取当前路由?的解决方法建议,希望对你解决React Router v4-如何获取当前路由?有所启发或帮助;

在5.1版本的react-router中,有一个名为 的钩子,该钩子返回当前的位置对象。每当您需要知道当前URL时,这可能都会有用。

import { useLOCATIOn } from 'react-router-dom'

function headerVIEw() {
  let LOCATIOn = useLOCATIOn();
  console.log(LOCATIOn.pathName);
  return <span>Path : {LOCATIOn.pathnamE}</span>
}

解决方法

我想显示title<AppBar />以某种方式从目前的路线通过。

在React Router v4中,如何将<AppBar />当前路由传递到titleprop中?

  <Router basename='/app'>
    <main>
      <Menu active={menu} close={this.closeMenu} />
      <Overlay active={menu} onClick={this.closeMenu} />
      <AppBar handleMenuIcon={this.handleMenuIcon} title='Test' />
      <Route path='/customers' component={Customers} />
    </main>
  </Router>

有没有办法通过从自定义自定义标题prop<Route />

大佬总结

以上是大佬教程为你收集整理的React Router v4-如何获取当前路由?全部内容,希望文章能够帮你解决React Router v4-如何获取当前路由?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。