首頁猿問如何在數組中的對象項上設置狀態

如何在數組中的對象項上設置狀態

JavaScript

慕村9548890 2021-11-12 17:44:48

當心形圖標按下它時，我想更新數組對象中關鍵心形的狀態更改為紅色，因此為此我使用了本機圖標，并且在單擊它時使用 heart 和 hearto 進行切換這是代碼：state = { localAdversiment: [ { title: "Ecloninear 871", image: require("../../assets/images/truck_image.png"), year: "2015", type: "Truck", status: "new", price: "$ 2000", heart: "hearto" }這里是按下心臟圖標時調用的函數 handleFavourite = index => { const { heart } = this.state.localAdversiment[index]; this.setState( { heart: "heart" } ); };這是心形圖標代碼<TouchableOpacity onPress={() => this.handleFavourite(index)}> <Icon name={item.heart} type={"AntDesign"} style={{ fontSize: 18 }} /> </TouchableOpacity>請幫助我如何在單擊時將心更新為心而不是心

查看完整描述

2 回答

呼啦一陣風

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

您可以通過以下方法輕松完成

state = {

localAdversiment: [

{

id: 0,

title: "Ecloninear 871",

image: require("../../assets/images/truck_image.png"),

year: "2015",

type: "Truck",

status: "new",

price: "$ 2000",

heart: "hearto",

selected: false

}

現在在 onPress 做這個

handleFavourite = (item) => {

const { id } = item;

this.setState({

localAdvertisement: this.state.localAdvertisement.map((item) => {

if(item.id === id){

return {

...item,

selected: !item.selected

}

return item

})

};

現在像這樣渲染

<TouchableOpacity onPress={() => this.handleFavourite(item)}>

<Icon

name={item.selected ? "heart" : 'hearto'}

type={"AntDesign"}

style={{ fontSize: 18 }}

</TouchableOpacity>

希望它會幫助你

反對回復 2021-11-12

慕尼黑8549860

TA貢獻1818條經驗獲得超11個贊

編輯此函數如下：

handleFavourite = index => {

let updatedlocalAdversimentStates = this.state.localAdversiment;

updatedlocalAdversimentStates[index].heart = "heart";

this.setState(

{

localAdversiment: updatedlocalAdversimentStates

}

);

};

反對回復 2021-11-12

2 回答
0 關注
149 瀏覽

關注

添加回答

舉報

0/150

提交

取消

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

熱搜

最近搜索清空

如何在數組中的對象項上設置狀態

如何在數組中的對象項上設置狀態

2 回答

添加回答