Reactjs 获取路线以外的路线位置

我正在尝试将自定义样式添加到仪表板布局中导航组件内的活动路线，但无法获取当前组件内的当前路线

const Index = props => {
  return (
    <BrowserRouter>
      <DashboardLayout>
        <Route exact path='/' component={Dashboard} />
        <Route exact path='/earnings' component={Earnings} />
        <Route exact path='/comms' component={Comms} />
        <Route exact path='/rankings' component={Rankings} />
        <Route exact path='/ratings' component={Ratings} />
        <Route exact path='/ads' component={Ads} />
        <Route exact path='/settings' component={Settings} />
        <Route exact path='/ad/details' component={AdDetails} />
        <Route exact path='/ad/submit-sample' component={SubmitSample} />
        <Route exact path='/feedback' component={Feedback} />
      </DashboardLayout>
    </BrowserRouter>
  );
};
export default Index;

常量索引=道具=>{
返回(
);
};
出口违约指数；

我制作了一个小组件，看起来像这样：

从“React”导入React；
从'react router dom'导入{Route，Link}；
常数导航=({
儿童
到
准确的
onClick，
类名，
休息
}) => (
(
{
//避免单击当前路线
如果（！match | | to！==match.path）{
onClick（e）；
}
}}
{…休息}
>
{儿童}
)}
/>
);

您可以这样使用它：

const导航列表=({
链接，
开关打开，
}) => (

{
links.map（（link）=>(

{
e、 target.focus（）；
开关打开（假）；
}}
>

))
}

);

希望能有帮助