2016-07-23 5 views
0

Ist es möglich, die aktuelle Route von einer externen Komponente zu erhalten?Wie bekomme ich die aktuelle Route von außen in react-router?

Grundsätzlich habe ich eine Seitentitelkomponente, die nur den aktuellen Seitentitel anzeigen würde. Sie können nicht herausfinden, wie Sie von einer externen Komponente auf die Routen zugreifen können?

Edit: App.jsx

<div style={styles.container}> <Sidebar style={styles.sidebar} links={sidebarLinks}/> <div style={styles.wrapper}> <Header style={styles.header}/> <div style={styles.content}> <PageTitle style={styles.pageTitle} /> //Want current route here {this.props.children} </div> <Footer style={styles.footer}/> </div> </div> Routen

const routes = (
<Route path="/" component={App}> 
    <IndexRoute component={Dashboard}></IndexRoute> 
    <Route path="containers" component={Containers} /> 
    <Route path="discover" component={Discover} /> 
    <Route path="groups" component={Groups} /> 
    <Route path="profiles" component={Profiles} /> 
</Route> 
); 
+0

Nicht sicher, was du meinst genau, aber zu diesem vielleicht einen Blick darauf werfen? https://github.com/nfl/reac-helmet – zackify

+0

@zackify Siehe bitte bearbeiten. Im Grunde habe ich der Seitentitelkomponente keine Route hinzugefügt, da es nur Seitentitel auf allen Seiten ist. –

+0

Ah, ich verstehe. Ein viel besserer Weg wäre, die '' Komponente auf die spezifischen Seiten zu setzen. Ein anderer Weg, aber nicht so gut: React Router wird das routes-Objekt in die Top-Level-Komponente injizieren, du könntest etwas wie routes [routes.length -1] tun, um die letzte Route zu erhalten, die meiner Meinung nach passt. – zackify

Antwort

-1

Nicht sicher, was Sie fordern. Vielleicht können Sie die window.location API verwenden:

window.location.href 

oder

window.location.pathname 
Verwandte Themen