反応ルーターでデフォルトルートを定義することはできますか?

Question

アプリのベース URL が example.com/app

であるとします。

すべてのルートを

として記述する代わりに、react-router で基本的なルーティングを設定することは可能ですか?

/app/a
/app/b
/app/c

として指定できます。

a
b
c

ドキュメントにある次の例を試しましたが、機能しませんでした (ページには何も表示されません)。おそらく、react-router@3.0.0-alpha.1 を使用しているか、何か間違ったことをしているためです。

import { useRouterHistory } from 'react-router'
import { createHistory } from 'history'

const History = useRouterHistory(createHistory)({
  ベース名: '/app'
})

const ルート = ({ストア}) => (
    <プロバイダストア={ストア}>
        <ルーター履歴={history}>
            <ルートパス='/'コンポーネント={アプリ}>
                ...
            </ルート>
        </ルーター>
    </プロバイダー>
)

Answer 1

を使用する場合は、履歴オブジェクトにアクセスできるようになり、history.push('/my-path') ## によってページを変更できるようになります。 # code> 直接 js からのメソッド。 BrowserRouter には使用可能な history プロパティがなく、Router には使用可能な basename がないという問題に直面することになります。

解決策は次のとおりです:

リーリー

https://reacttraining.com/react-router/web/api/BrowserRouter/basename-string

Answer 2

最新の react router (v4) を使用すると、これを簡単に行うことができます

リーリー