Javascript 在reactjs中获取包含数组的数组的数据

我想从数组中的数组中获取数据，为元素上的CSS类创建一个条件。到目前为止，我能够使它为一个数组工作，但数据中有另一个数组

所以我们想在第二个数组中有数据时创建一个条件

以下是示例：

这是函数

getData = (menu) => {

     return <li className={menu.children !== undefined && menu.children.length > 0 ? 'nav-item ddfull subnav' : 'nav-item'}>
            <a href={menu.link} className="nav-link">{menu.name}</a>
            {(menu.children !== undefined && menu.children.length > 0) &&
                <div className="ddmenu">
                    <ul>
                        {
                            menu.children.map(data => {
                                return this.getData(data);
                            })
                        }

                    </ul>
                </div>
            }
            </li>

    }

注意：我尝试了以下方法，因为它是数组中的一个数组，不是对象，而是未定义的错误

menu.children[0].children

---

使用这两个条件

menu.children！==未定义的

和

菜单。子项[0]。子项！==未定义

检查内部数据：

 <li className={(menu.children!== undefined && menu.children.length > 0  &&menu.children[0].children !== undefined && menu.children[0].children.length > 0)? 'nav-item ddfull subnav' : 'nav-item'}>

0&&menu.children[0]。children！==未定义的&&menu.children.children[0]。children.length>0）？“导航项目ddfull subnav'：“导航项目”}>

---

您也可以使用

get

方法，从

lodash

感谢您的解决方案。只是做了一个改变让它工作<代码>缺少.length

return
0&&menu.children[0]。children！==未定义的&&menu.children.children[0]。children.length>0）？'nav item ddfull subnav'：'nav item'}>

进行了更改！

menu.children[0].children

 <li className={(menu.children!== undefined && menu.children.length > 0  &&menu.children[0].children !== undefined && menu.children[0].children.length > 0)? 'nav-item ddfull subnav' : 'nav-item'}>