正確なプロップと厳密なプロップの使用 質問する

正確なプロップと厳密なプロップの使用 質問する

私はReact-JSでReact-Routerを使っています:

<Route>組み込みコンポーネントであり、2つの異なるプロパティがありますexactstrict

問題

ドキュメンテーションexactとの違いは明確に定義されていませんstrict

どうか助けてください。その文書は非常にわかりにくく、その時点では明確ではありません。

ベストアンサー1

ユースケース1

exactと を一緒に使用するとstrict、 はlocation.pathnameパス プロパティで指定されたものと完全に一致します。

例:

<Route exact strict path="/one/" component={About}/>

のみに一致し、 andには一致/one/しません。/one/one/two

ユースケース2

のみを使用する場合strict、 はlocation.pathname末尾にスラッシュがある と一致します。

例:

<Route strict path="/one/" component={About}/>

および には一致します/one/が、/one/twoには一致しません/one

ユースケース3

のみを使用する場合exact、 はlocation.pathname正確な場所のパスと一致します。

例:

<Route exact path="/one" component={About}/>

/oneまたは に一致します/one/exactプロパティは末尾のスラッシュを考慮に入れません。ただし、 には一致しません/one/two

おすすめ記事