第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何將 props 傳遞給來自不同來源的組件?

如何將 props 傳遞給來自不同來源的組件?

寶慕林4294392 2021-11-18 09:52:34
我有一個組件<Box/>我想將來自不同來源的道具傳遞到這個數(shù)組中。問題是,每次我映射這兩個函數(shù)并將它們的值傳遞給組件時,它都會為每個源分別渲染組件,從而使組件渲染的次數(shù)超過我想要的次數(shù)。例如,這就是我所做的return summaryData.map((item, i) => {         const { name, number } = item         return tableData.map((item, i) => {          const { row, column } = item            return <Box key={i} name={name} number={number} row={row} column={column}/>        })     })該框呈現(xiàn)每個函數(shù)單獨運行的次數(shù),但我希望兩個函數(shù)同時運行并將數(shù)據(jù)傳遞給框組件
查看完整描述

2 回答

?
犯罪嫌疑人X

TA貢獻2080條經(jīng)驗 獲得超4個贊

在您的代碼中,我發(fā)現(xiàn)您想以相同的順序映射summaryData和 的屬性,tableData對嗎?我假設(shè)它們是對象列表。你可以試試這個:


return summaryData.map((item, i) => {

         const { name, number } = item

         return <Box key={i} name={name} number={number} row={tableData[i].row} column={tableData[i].column}/>

        })

     })

希望它有效。


查看完整回答
反對 回復(fù) 2021-11-18
?
largeQ

TA貢獻2039條經(jīng)驗 獲得超8個贊

您可以像下面這樣連接兩個數(shù)組并映射一次。


return summaryData.reduce((acc,{name,number},index) => {

  acc.push({

    name,

    number,

    row: tableData[index].row, //assuming you want value from the same index

    column: tableData[index].column} )

  return acc;

},[])

.map(({name,number,row,column},i) => (<Box key={i} name={name} number={number} row={row} column={column}/>));



查看完整回答
反對 回復(fù) 2021-11-18
  • 2 回答
  • 0 關(guān)注
  • 142 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號