在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} />;
}} />