React Router - ルート間で同じonEnter関数を適用します。

Question

私は反応ルータを使用し、認証の実装について考えています。大半のリクエストを傍受し、ユーザーが許可されているかどうかをチェックし、そうでない場合はリダイレクトしたいと思います。

これを行う方法は、RouteコンポーネントにonEnterフックを使用することです。ほとんどすべてのルートにこのonEnter機能を追加するのではなく、この動作をすべてのルートに適用する簡単な方法がありますか？

Answer 1

プライベートルートのグループ間に個人用ルートを作成しました。

<Route component={Authorization} accessRoles={['admin', 'registered']}> ... This routes which need to authorization ... </Route>

私もチェック役割のためのコンポーネントの許可にaccessRolesを送ります。