如何将字符串转换为 React 组件

Question

我从后端获取了一个数据，其中包含组件名称，它们应该传递给 HOC 和路由

import Users from './Users/Users.lazy';
........

 // RequireAuth is the HOC
 <Switch>
     <Route path="/home" component={RequireAuth(Home)} />
     {(props.pagesData.length) && props.pagesData.map(item =>
         <Route exact path={`${item.PagePath}`} component={RequireAuth(`${item.PageName}`)} />
     )}

     <Redirect to="/home" />
 </Switch>

如何将Users（由item.PageName提供）之类的字符串转换为组件。

谢谢

Answer 1

尝试使用三元运算符。像这样；

 <Route exact path={`${item.PagePath}`} component={RequireAuth(item.PagePath === 'Users' ? Users : null)} />