React路由器 - 在路由上應用相同的Enter功能

Question

我正在使用react路由器並考慮實施auth。我想攔截大多數請求並檢查用戶是否被授權，如果沒有，請重定向他們。

我打算這樣做的方法是使用Route組件中的onEnter鉤子。有沒有一種簡單的方法可以在所有路線上應用這種行爲，並且「退出」這種行爲不適用的少數幾種方式，而不必將這種onEnter函數添加到幾乎所有路線中？

Answer 1

我在一組私人路線之間創建了一條私人路線。

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

我也送accessRoles到組件授權檢查的作用。