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

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

對象內(nèi)的javascript對象

對象內(nèi)的javascript對象

慕桂英3389331 2022-06-16 10:15:15
我正在研究反應(yīng)并使用 ant 設(shè)計列表組件,使其成為無狀態(tài)子組件,以便在任何地方使用它。我的數(shù)據(jù)源(在本例中為 props.datasource)是對象數(shù)組。列表組件遍歷每個對象。關(guān)于列表組件的標(biāo)題和描述,我想傳遞我無法做到的道具?,F(xiàn)在它是 title = {item.line1} 和 description = {item.city},這里“l(fā)ine1”和“city”是預(yù)定義的,但我想使用道具。我想從父組件傳遞 title="line1" ,然后在列表組件標(biāo)題字段中將其用作 {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>)}/>盡我所能,我無法做到這一點,如何在對象內(nèi)添加對象?謝謝
查看完整描述

2 回答

?
慕碼人8056858

TA貢獻(xiàn)1803條經(jīng)驗 獲得超6個贊

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

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

謝謝


查看完整回答
反對 回復(fù) 2022-06-16
?
MMTTMM

TA貢獻(xiàn)1869條經(jīng)驗 獲得超4個贊

如果我理解正確,您需要的是解構(gòu)子組件的道具,它可以這樣實現(xiàn):


<List

  dataSource={props.dataSource}

  renderItem={(item) => (

    <List.Item

      key={item.id}

    >

      <List.Item.Meta

        avatar={

          <Avatar

            icon={<CheckOutlined />} //anything 

          />

        }

        {...item} // Like this

      />

    </List.Item>

  )}

/>


查看完整回答
反對 回復(fù) 2022-06-16
  • 2 回答
  • 0 關(guān)注
  • 126 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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