2017-12-27 4 views
0
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> 
) 
} 
} 

Ich brauche TABKEY prop auf Kopfkomponente zu erhalten, so kann ich Header-Elemente ist abhängig von InhaltErste Kind Komponenten prop in Kopf reagieren Router

Antwort

0

Sie können() innerhalb der Strecke Komponente verwenden, ändern machen Requisiten passieren . Hier ist ein Beispiel:

+0

Ich muss identifizieren, welche Komponente in Switch-Block in Header-Komponente gerendert gibt es eine Methode, um das zu identifizieren? – shijin

+0

Sicher. Setzen Sie den Routenpfad für Ihre Header-Komponente als path = "/", was bedeutet, dass er in allen Fällen aufgerufen wird, und in Ihrer Kopfzeile verwenden Sie props.location.pathname, um zu ermitteln, welcher Pfad aufgerufen wurde. Wenn props.location.pathname/news ist, wurde die News-Komponente aufgerufen und so weiter. – raksheetbhat

Verwandte Themen