慕桂英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}
]} 問題就解決了。
謝謝

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>
)}
/>
添加回答
舉報
0/150
提交
取消