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

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

對象內的javascript對象

對象內的javascript對象

慕桂英3389331 2022-06-16 10:15:15
我正在研究反應并使用 ant 設計列表組件,使其成為無狀態子組件,以便在任何地方使用它。我的數據源(在本例中為 props.datasource)是對象數組。列表組件遍歷每個對象。關于列表組件的標題和描述,我想傳遞我無法做到的道具。現在它是 title = {item.line1} 和 description = {item.city},這里“line1”和“city”是預定義的,但我想使用道具。我想從父組件傳遞 title="line1" ,然后在列表組件標題字段中將其用作 {props.title} 。<ListdataSource={props.dataSource}renderItem={(item) => (<List.Item  key={item.id}>  <List.Item.Meta    avatar={      <Avatar        icon={<CheckOutlined />} //anything       />    }    title={item.line1}    description={item.city}  /></List.Item>)}/>盡我所能,我無法做到這一點,如何在對象內添加對象?謝謝
查看完整描述

2 回答

?
慕碼人8056858

TA貢獻1803條經驗 獲得超6個贊

我在某處閱讀以通過以下方式訪問對象的屬性:表達式 [表達式]

通過寫 title={item[ ${props.title}]} 問題就解決了。

謝謝


查看完整回答
反對 回復 2022-06-16
?
MMTTMM

TA貢獻1869條經驗 獲得超4個贊

如果我理解正確,您需要的是解構子組件的道具,它可以這樣實現:


<List

  dataSource={props.dataSource}

  renderItem={(item) => (

    <List.Item

      key={item.id}

    >

      <List.Item.Meta

        avatar={

          <Avatar

            icon={<CheckOutlined />} //anything 

          />

        }

        {...item} // Like this

      />

    </List.Item>

  )}

/>


查看完整回答
反對 回復 2022-06-16
  • 2 回答
  • 0 關注
  • 147 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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