Javascript 将JS映射到数组中的对象

Javascript 将JS映射到数组中的对象,javascript,arrays,reactjs,arraylist,Javascript,Arrays,Reactjs,Arraylist,我有一个JS文件,我正在尝试映射它。 我想映射到具体的按钮,但我不能这样做,请您协助它。 我尝试了很多选择,但在我的情况下,它不起作用 您正在代码中处理一个二维数组,您可以执行以下操作: DlCards.map(cardGroup => { cardGroups.map(({ dvlcards, cardtitle, link, srvbutton })=> ( // ... your jsx here )) }) 尽管您正在渲染

我有一个JS文件,我正在尝试映射它。 我想映射到具体的按钮,但我不能这样做,请您协助它。 我尝试了很多选择,但在我的情况下,它不起作用



您正在代码中处理一个二维数组,您可以执行以下操作:

DlCards.map(cardGroup => {
   
   cardGroups.map(({ dvlcards, cardtitle, link, srvbutton })=> (
      
      // ... your jsx here

   ))

})

尽管您正在渲染它,但不应该这样做,因为它会在渲染函数中创建一个O(n2)循环,因此不推荐使用它。我的建议是尝试更改您使用的数据结构,以避免在代码的渲染部分中创建O(n2)循环

您正在代码中处理一个二维数组,您可以执行以下操作:

DlCards.map(cardGroup => {
   
   cardGroups.map(({ dvlcards, cardtitle, link, srvbutton })=> (
      
      // ... your jsx here

   ))

})

尽管您正在渲染它,但不应该这样做,因为它会在渲染函数中创建一个O(n2)循环,因此不推荐使用它。我的建议是尝试更改您使用的数据结构,以避免在代码的渲染部分中创建O(n2)循环

是的,您可以这样做,但是请确保使用
useMoom
来记录您的计算,并防止在每个渲染器上计算它,因为它不会返回内容我已经实现了您的建议,但是,结果是相同的-
{DlCards.map(CardContent=>{CardContent.map({dvlcards,cardctitle,srvbutton})=>(return(//JSX);)}
我认为缺少
返回
。请尝试
{DlCards.map(CardContent=>CardContent.map({dvlcards,cardtile,srvbutton}=>)}
是的,您可以这样做,但请确保使用
usemo
来记录您的计算,并防止在每个渲染器上计算它。我如何不返回已实现您的提案的内容,但结果是相同的-
{DlCards.map(CardContent=>{CardContent.map({dvlcards,cardtitle,srvbutton}})=>(return(//JSX);)}
我认为缺少
return
。试试
{DlCards.map(CardContent=>CardContent.map({dvlcards,cardtitle,srvbutton})=>)}
DlCards.map(cardGroup => {
   
   cardGroups.map(({ dvlcards, cardtitle, link, srvbutton })=> (
      
      // ... your jsx here

   ))

})