私のクライアントには特定のSEO / URL要件があり、react-routerでこれを機能させる方法を見つけようとしています。
同じパターンに一致するURLのセットを、異なるハンドラーを使用するように宣言するにはどうすればよいですか?
たとえば、/ AはHandlerAですが、/ BはHandlerBであり、/ B / CもHandlerAであり、対応する必要のある多くの順列(実行時に動的)があります。
グローバルRouteTableが決定を行うために必要なすべてのデータを保持していると仮定すると、これは、<Route>
構築されるオブジェクトの前に実行できることがわかります。
var routes = RouteTable.map(r => {
if (some logic) {
return (<Route handler={A} name={r.url} path={r.url} />);
} else {
return (<Route handler={B} name={r.url} path={r.url} />);
}
});
var routes = (
<Route path='/'>
{routes}
</Route>
);
そして、すべて<Links>
はURLで行われます。<Link to={url}>...
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加