Arrays For map React.js中的循环 描述

我有一个这样的数组：

const CategoriesList = [
    {nameNL:'bakkerij', 
     nameFR:'boulangerie', 
     nameEN:'bakery', 
     nameDE:'Bäckerei', 
     categories: [
        {nameNL:'bakkerij', nameFR:'boulangerie', nameEN:'bakery', nameDE:'Bäckerei'},
        {nameNL:'bier', nameFR:'la bière', nameEN:'beer', nameDE:'Bier'},
    ]},
]

我可以很容易地映射我的所有项目。然而在映射函数中，我想在分类列表中的分类数组之间循环。我尝试过这样做，但显然我不能在我的地图中使用for循环

问题 如何在贴图函数中循环对象

我所拥有的

{CategoriesList.map（{nameNL，nameFR，nameEN，nameDE，categories}，index）=>{
返回(
{nameNL}
{nameFR}
{nameEN}
{nameDE}
{
对于（i=0；i

您可以使用另一张

地图

：

 {CategoriesList.map(({nameNL, nameFR, nameEN, nameDE, categories}, index) => {
    return (
        <div key={index} className='flxRow'>
            <div className={['flxCell', 'flxCol2'].join(' ')}>{nameNL}</div>
            <div className={['flxCell', 'flxCol2'].join(' ')}>{nameFR}</div>
            <div className={['flxCell', 'flxCol2'].join(' ')}>{nameEN}</div>
            <div className={['flxCell', 'flxCol2'].join(' ')}>{nameDE}</div>
            {
                categories.map(category => ...)
            }
        </div>  
)})}

{CategoriesList.map（{nameNL，nameFR，nameEN，nameDE，categories}，index）=>{
返回(
{nameNL}
{nameFR}
{nameEN}
{nameDE}
{
categories.map（category=>…）
}
)})}

---

我建议您也阅读一下

您可以使用另一张

地图

：

 {CategoriesList.map(({nameNL, nameFR, nameEN, nameDE, categories}, index) => {
    return (
        <div key={index} className='flxRow'>
            <div className={['flxCell', 'flxCol2'].join(' ')}>{nameNL}</div>
            <div className={['flxCell', 'flxCol2'].join(' ')}>{nameFR}</div>
            <div className={['flxCell', 'flxCol2'].join(' ')}>{nameEN}</div>
            <div className={['flxCell', 'flxCol2'].join(' ')}>{nameDE}</div>
            {
                categories.map(category => ...)
            }
        </div>  
)})}

{CategoriesList.map（{nameNL，nameFR，nameEN，nameDE，categories}，index）=>{
返回(
{nameNL}
{nameFR}
{nameEN}
{nameDE}
{
categories.map（category=>…）
}
)})}

我建议你也读一读

]

工作：

]

工作：

---

你使用了另一张

地图

。你使用了另一张

地图

。这就做到了；谢谢我明白你说的关键部分是什么意思；谢谢我明白你说的关键部分是什么意思。

const CategoriesList = [
{nameNL:'bakkerij', 
 nameFR:'boulangerie', 
 nameEN:'bakery', 
 nameDE:'Bäckerei', 
 categories: [
    {nameNL:'bakkerij', nameFR:'boulangerie', nameEN:'bakery', nameDE:'Bäckerei'},
    {nameNL:'bier', nameFR:'la bière', nameEN:'beer', nameDE:'Bier'},
]},

const result = CategoriesList.map(item => {
 return item.categories.map(item2 => {
   return (
    console.log(item2.nameNL));
  })
 });