React Router w/browserHistoryで現在のルートのパス名を取得しています

Question

React Routerを使用して現在のURLのパス名を取得する最も効率的な方法は（browserHistoryを使用しています）さまざまな情報源には不一致があるようです。以下は私のプロバイダとルートの抜粋です：

ReactDOM.render(
     <Provider store={Store}> 
      <Router history={browserHistory}> 
       <Route path="/tools/customer-lookup" component={CustomerLookupApp} /> 
       <Route path="/tools/customer-lookup/profile/:id" component={CustomerLookupProfileWrapper} /> 
       <Route path="/tools/customer-lookup/profile/:id/store/:storeid" component={CustomerLookupStoreProfileWrapper} /> 
       <Route path="/tools/customer-lookup/profile/:id/store/:storeid/transaction/:transid" component={CustomerLookupStoreItemsWrapper} /> 
      </Router> 
     </Provider>, 
     document.getElementById('customer-lookup-main')); 
}); 

は、さまざまなコンポーネントでthis.props.location.pathnameをログに記録しようとしましたが、常に未定義アップします。 this.contextと同じこと。

アドバイスありがとうございます。

Answer 1

プロパティ「this.props.location.pathname」は、「さまざまな」コンポーネントでは使用できません。ルートハンドリングコンポーネントでのみ使用できます。すなわちCustomerLookupApp,CustomerLookupProfileWrapper,CustomerLookupStoreProfileWrapper,CustomerLookupStoreItemsWrapper。

ツリーの下にパス名が必要な場合は、それを小道具として渡すことができます。