Javascript reactjs，jsx在嵌套对象上迭代

我有一个包含所有子对象的reactjs应用程序，我想在它们上面迭代一些我曾经尝试过的东西

cart.line_items.map(items =><CartPreview key={items.id} data = {items} />)} 

cart.line\u items.map（items=>）}

而购物车预览就像贝娄一样

import React from 'react'

export default (props) => {
 const { data } = props
return (
  <a href={Routes.spree_cart_path()}>
    <span className="glyphicon glyphicon-shopping-cart" />
  &nbsp;
    {I18n.t('spree.cart')}: {I18n.toCurrency(data.total)}
  </a>
 )
}

从“React”导入React
导出默认值（道具）=>{
常量{data}=props
返回(
)
}

它的打印行项目对象的总数很好

现在我想在行项目对象中进一步（我想在行项目中获得变体和图像对象），我确实喜欢

{ !cart.isFetching &&   cart.line_items.map
    ( 
        function(variant, key)
        { 
       return(
              Object.keys(variant).map
              (
                function(images)
                {
                 return
                      (  
                        <CartPreview  variant={variant} image={images} />
                      );
              }
            )
          )
      }
    )  
  } 

{！cart.isFetching&&cart.line\u items.map
( 
功能（变量、键）
{ 
返回(
Object.keys（variant.map）
(
功能（图像）
{
返回
(  
);
}
)
)
}
)  
} 

其中给出了未定义的变量和行_项

谁能帮帮我

为了便于理解，我也附上了屏幕截图

---

希望我能正确理解你的问题。你的代码对我来说没什么意义。不确定下面的方法是否是您想要的。 我假设对于每个图像，您都希望渲染一个预览

{ 
 !cart.isFetching && cart.line_items.map( 
      line_item => 
 line_item.variant.images.map(image => <CartPreview variant={line_item.variant} image={image} />))  
} 

{
！cart.isFetching&&cart.line\u items.map（
行\项目=>
行\u item.variant.images.map（image=>）
} 

---

我觉得你对Object.keys和map有点困惑。您可以查看文档，它会让您清楚地了解如何用javascript迭代数组。

这很好。你能给我推荐一些博客/教程来理解Object.keys和JS中的map吗/Reactjs@Anish很高兴听到这个消息。key和map都是普通的javascript。与react.js无关。我觉得Mozilla的文档已经足够好了。Object.keys：映射：