我遇到一种情况,在我的代码中返回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] 删除。
我来说两句