React router - 使链路在子路由上处于活动状态

Question

如何强制Link在所有子路由上都有效？

链接看起来像这样

<Link to='/somepath' activeClassName='is-current'>Sometitle</Link>

路线看起来像这样

<Provider store={Store}>
<Router history={history}>
  <Route component={App}>
    <Route path='/login' component={Login} />
    <Route component={Workspace}>
      <Route path='/somepath(/:id)' components={Component}/>
      <Route path='/anotherpath(/:id)' components={AnotherComponent}/>
    </Route>
  </Route>
</Router>
</Provider>

不幸的是，Link仅在/somepath为当前位置时才有效。 但它在/somepath/356上变为非活动状态（选择某个ID时）。如果路径非严格等于到Link属性

，如何允许Link[to]处于有效状态

Answer 1

我几分钟前遇到了与你完全相同的问题。试着这样：

https://github.com/ReactTraining/react-router/blob/master/docs/Troubleshooting.md#parent-path-does-not-show-as-active