React-Router v4 - ブラウザルータの動的ルーティング

Question

私はReact Router v4でブラウザルータを実装しようとしています。私のプロジェクトのURLは 'http://localhost:8080/Project/reactjs/Main.html/SearchProduct'となります。以下はどのように私がルートパスを設定するかです。しかし、私は経路を取得していない例外が見つかりました。すべてのヘルプは

const routers = (<BrowserRouter basename="/Project/reactjs/Main.html"> 
    <div> 
     <ProductScreen/> 
    </div> 
    </BrowserRouter>); 

render(routers, document.querySelector('.mainContainer')); 

In Product Screen : 
const ProductScreen =() => { 
    return (
    <Switch> 
     <Route 
     exact 
     path="/add" 
     component={AddProduct} 
     /> 
     <Route 
     exact 
     path="/SearchProduct" 
     component={SearchProduct} 
     /> 
    </Switch> 
); 
}; 

Answer 1

をいただければ幸い私はあなたのコードはほとんどが正しいと思いますがRoute sからexactを削除してみてください。 documentation for <Route exact ... />状態として：パスが正確location.pathnameと一致した場合に

true、のみ一致します。

これはパス全体を意味するので、相対パスはBrowserRouterではありません。私はexactなしでbasenameを使用して成功しましたが、あなたのコードをテストしませんでした。