在React中使用return(null)

威廉莫哈拉

我遇到一种情况,在我的代码中返回null-像这样...

{
    MyRouteProps.map((prop, key) => {
        if (prop.path) {
            return (<Route
                path={prop.path}
                component={prop.component}
                key={key}
            />)
        } else {
            return (null)
        }
    })
}

我很疲倦,但是MyRouteProps数组中有一些对象实际上不能表示路由(它在生成菜单项时有双重目的,其中某些对象表示菜单项中的中断)。如果这样做,我是否应该了解任何最佳做法?

感谢您的意见...

凯拉特

在实际将每个元素转换为组件之前,为什么不过滤数组?

像这样

{MyRouteProps
   .filter(prop => prop.path !== undefined)
   .map((prop, key) => (
      <Route 
        path={prop.path}
        component={prop.component}
        key={key}
      />
    )
}

这大大提高了代码的可读性

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章