在Header React Router中获取子组件prop

Question

class RouterConfig extends Component {
render() {
return (
  <div>
  <HashRouter>
   <div>
          <Route component={Header}/>
          <Switch>
            <Route exact={true} path='/' component={Total} tabkey={1}/>
            <Route exact={true} path='/news/' component={News} tabkey={2}/>
            <Route exact={true} path='/read/' component={ReadNews} tabkey={3}/>
          </Switch>
   </div>
  </HashRouter>
  </div>
)
 }
}

我需要在标头组件处获取tabKey属性，以便可以根据内容更改标头元素

Answer 1

您可以在Route组件内使用render（）来传递道具。 这是一个例子：

<Route exact path="/example" render={() => {
    return <Child tabKey={1} />;
}} />