如何在Reactjs中运行嵌套地图？

问题描述

如何使用map函数返回不同的组件。如何在地图功能内应用条件

如果subMain为true，则返回一个组件；如果subMain为false，则返回该组件。

但是这里仅是结构错误。错误显示在这里!subMain

更新：我尝试了另一种方法，但这会在第二次返回和const MainPath中引发错误

            {states &&            
            states.map(({ Main }) => (
                Main.map(({component,subMain}) => (
                    const MainPath = `/${component}`
                    const MainComponent = `${component}`
                    subMain ? subMain.map(({ component }) => {
                        
                            const Path = `/${component}`
                            const Component = `${component}`
                            return (
                                <Protected
                                path={Path}
                                component={Component}
                                exact
                            />
                            )
                        }):
                            return (
                                <Protected
                                path={MenuPath}
                                component={MenuComponent}
                                exact
                            />
                            )
                                                    
                ))
            ))
        }

解决方法

编辑：问题更新后，我认为只是一些语法错误和缺少返回语句

您正在运行2个表达式，而不仅仅是一个返回值。您应该使用像这样的三元组

options

reactjs reactjs