亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

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

僅使用某些道具映射數組

僅使用某些道具映射數組

慕婉清6462132 2022-12-09 15:10:41
第一次海報。我目前正在使用 MobX 學習 React-Native,我想知道,在單擊按鈕顯示可用產品后,僅使用某些道具映射數組的最佳方法是什么。例如,您有 2 個選項卡,一個用于食物,一個用于飲料,如果我單擊飲料按鈕,我只想映射出具有“飲料”值的項目,從而忽略其他兩個,在這種情況下,我只會得到芬達和可樂。提前致謝。class ProductsStore {  @observable products = [    {        id: 1,        name: 'sandwich',        description: 'tasty',        price: 150,        catergory: "food"    },    {        id: 2,        name: 'fanta',        description: 'orange drink',        price: 250,        catergory: "beverage"    },    {        id: 3,        name: 'hamburger',        description: 'meat',        price: 350,        catergory: "food"    },    {        id: 4,        name: 'cola',        description: 'caramel drink',        price: 250,        catergory: "beverage"    }];}export default ProductsStore;
查看完整描述

1 回答

?
鴻蒙傳說

TA貢獻1865條經驗 獲得超7個贊

我認為它看起來像這樣


products.filter(object => object.category === "beverage").map(rec => {

  return <div>{rec}</div>

})

您首先過濾數組,然后創建食物或飲料列表


查看完整回答
反對 回復 2022-12-09
  • 1 回答
  • 0 關注
  • 111 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號