如何通过AppRouter传递props

Question

我需要通过 AppRouter 获取 userRole：

App.js

  <BrowserRouter>    
       <AppRouter
           userRole = {userRole}
        />
  </BrowserRouter>

AppRouter.js

const AppRouter = observer((userRole) => {
    const {user} = useContext(Context) 
     <Routes>                                                                   
                {user.isAuth && authRoutes.map(({path, Component}) =>                  
                    <Route
                        key={path}
                        path={path}
                        element={
                            <Component
                                userRole={userRole}  //here i pass
                            />
                        }
                        exact
                    />            
                )}
                <Route path="*" element={<Navigate to={JADE_ROUTE} />}/>               
            </Routes>

这是我的 Component 但 userRole 已经未定义

const CarPage = observer(({userRole}) => {
   console.log(userRole)
   return <h1>{userRole}<h1/>
}

Answer 1

在您的 AppRouter 组件中，您似乎没有从 props 中提取 userRole 。会是这样吗？

const AppRouter = observer((userRole) => {

应该是

const AppRouter = observer(({userRole}) => {