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

為了賬號(hào)安全，請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題，去搜搜看，總會(huì)有你想問的

我如何通過比較 ReactJs 中的另一個(gè)數(shù)組來呈現(xiàn)數(shù)組值

我如何通過比較 ReactJs 中的另一個(gè)數(shù)組來呈現(xiàn)數(shù)組值

嚕嚕噠 2023-05-11 10:13:35
我有一些來自道具的數(shù)組，如下所示this.props.fruits= [  {    source: "Apple",    code: 101,  },  {    source: "banana",    code: 105,  },  { source: "Mango",    code: 107,  },];在我的狀態(tài)下，我必須僅保存代碼以將其發(fā)送到后端我的狀態(tài)如下所示this.state ={   myfruits:[101,105]}我必須在渲染 DOM 元素的 DOM 元素示例中渲染 myfruits 名稱My Fruits : Apple , banana
查看完整描述

2 回答

?
Cats萌萌

TA貢獻(xiàn)1805條經(jīng)驗(yàn) 獲得超9個(gè)贊

您可以結(jié)合使用filter、map和join來使其正常工作。

示例不是 React，但向您展示了如何實(shí)現(xiàn)。

const fruits = [

? {

? ? source: "Apple",

? ? code: 101,

? },

? {

? ? source: "banana",

? ? code: 105,

? },

? { source: "Mango",

? ? code: 107,

? },

];


const state = [101, 105];


const getFruitNames = () => fruits

? .filter(({ code }) => state.includes(code)) // Get all fruit objects where the code is also in state

? .map(({ source }) => source) // Only return the source (name)

? .join(", "); // Turn into a comma seperated string


console.log(`My Fruits: ${getFruitNames()}`);


查看完整回答
反對(duì) 回復(fù) 2023-05-11
?
眼眸繁星

TA貢獻(xiàn)1873條經(jīng)驗(yàn) 獲得超9個(gè)贊

您可以結(jié)合使用 filter 和 map 方法，

this.props.fruits.filter((fruit)?=>?this.state.myfruits.includes(fruit.code))
??????????.map((fruit)?=>?fruit.source)
查看完整回答
反對(duì) 回復(fù) 2023-05-11
  • 2 回答
  • 0 關(guān)注
  • 155 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

 幫助反饋 APP下載

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

 公眾號(hào)

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