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>
)
 }
}

我需要在header组件中获取tabKey prop，所以我可以根据内容更改标题元素

Answer 1

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

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

获取Header中的子组件prop路由器

1 个答案: