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

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

ReactJs 在 optgroup 中顯示數據

ReactJs 在 optgroup 中顯示數據

烙印99 2021-12-12 15:35:25
this.props.datacat.map(singleData=>{  return Object.keys(singleData).map((key,i) =>{     if(key==='name'){        return <OptGroup label  = {singleData[key]}>     }else{        return <Option key= {key} >{singleData[key]}</Option>      }        return </OptGroup>  })})(this.props.datacat) 的數據[  {    "4967": "Others.",    "4968": "Sports & Beachwear > Others.",    "4969": "Lingerie & Nightwear > Others.",    "4971": "Pants & Shorts > Others.",    "name": "Women Clothes"  },  {    "4798": "Supplements > Others.",    "4802": "Men's Grooming > Others.",    "4952": "Others.",    "4953": "Medical Supplies > Others.",    "4954": "Personal Pleasure > Others.",    "4955": "Personal Care > Others.",    "4956": "Pedicure & Manicure > Others.",    "6647": "Lips > Lip Tint"    "name": "Health & Beauty"  }]上面的代碼嘗試顯示數據,如果鍵是名稱,然后創建optgroup標簽,否則它將顯示選項值中的所有數據。在那之后,選擇的值id這是<Option key= {key} >{singleData[key]}</Option>應該的內部期權價值和文字顯示的是價值。有人知道怎么做嗎 :( ?
查看完整描述

1 回答

?
茅侃侃

TA貢獻1842條經驗 獲得超21個贊

對于this.props.datacatcreate an 的每個條目OptGroup,然后用該條目的所有選項填充它,除了帶有鍵的選項name:


this.props.datacat.map((singleData) => (

  <OptGroup label={singleData["name"]}>

    {Object.keys(singleData)

      .filter(key => key !== "name")

      .map(key => (

        <Option key={key}>{singleData[key]}</Option>

      ))}

  </OptGroup>

));


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

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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