当前位置: 首页 > 面试题库 >

反应路由器this.props.location

贝阳泽
2023-03-14
问题内容

我需要react-router v2 +的帮助,例如,当路由更改时,我必须更改navbar的类,因为route /profile className它将"profile-header"
尝试this.props.location在navbar组件中使用,但它显示undefined

希望你的帮助


问题答案:

您的navbar组件(如您在问题中所描述的)可能不是路由组件,对吗?通过route component我的意思是你在使用一个react- router被加载特定路由配置。

this.props.location仅可通过此类访问route component,因此您需要将其传递给您navbar

让我们举个例子:

您的路由器配置:

<Router>
    <Route path="/" component={App}>
    // ...
</Router

路线部分App

class App extends React.Component{
  // ...
  render() {
    return <Navbar location={this.props.location}/>
  }
}


 类似资料:
  • 考虑以下事项: 我有一个应用模板,一个HeaderTemboard,和参数化的路由集与相同的处理程序(在应用模板)。我希望在没有找到东西的时候能够服务404路线。例如, /CA/SanFrancisco应该由区域查找和处理,而 /SanFranciscoz应该是404。 下面是我如何快速测试路线的。 问题是 /SanFranciscoz总是由区域页面处理,但我希望它是404。此外,如果我向第一个路

  • 问题内容: 在安装组件之前进行授权检查的最佳实践是什么? 我使用react-router 1.x 这是我的路线 这是我的仪表板组件: 问题答案: 更新了 React Router v4的* 解决方案 * 反应路由器到v3 使用’onEnter’事件并在回调中检查用户是否被授权:

  • 我的导航不工作,因为某些原因,我有另一个应用程序运行良好,但这一个不能找到错误,请帮助 反应路由器不工作。反应JS 我需要你的帮助。 使用react-router,我可以使用Link元素创建由react router本地处理的链接。

  • 我有一个名为Dashboard的父组件,它被呈现为路由,如下所示: 我试着嘲笑每个人在嵌套路由上的解决方案,但我似乎无法解决我的问题。

  • 问题内容: 我刚刚开始学习React,我试图创建一个SPA博客,该博客具有全局定位的固定标头。 因此,每条路线都具有相同的标题,并且从我的角度背景来看,我将在ui-view之外使用标题。 在每个单独的页面组件中导入标头组件是一个好习惯,还是可以在我的标头组件上添加标头组件? 更新: 我当时在想使用这样的东西: 路线组件,我在其中定义路线: 然后在主要的Index.js文件上,我想呈现如下内容: 有