我想在按下心脏图标将其更改为红色时更新数组对象中关键心脏的状态,为此,我正在使用react native图标,并且在单击时使用heart和hearto进行切换
这是代码:
state = {
localAdversiment: [
{
title: "Ecloninear 871",
image: require("../../assets/images/truck_image.png"),
year: "2015",
type: "Truck",
status: "new",
price: "$ 2000",
heart: "hearto"
}
Run Code Online (Sandbox Code Playgroud)
按下心脏图标时调用的功能
handleFavourite = index => {
const { heart } = this.state.localAdversiment[index];
this.setState(
{
heart: "heart"
}
);
};
Run Code Online (Sandbox Code Playgroud)
这是心脏图标代码
<TouchableOpacity onPress={() => this.handleFavourite(index)}>
<Icon
name={item.heart}
type={"AntDesign"}
style={{ fontSize: 18 }}
/>
</TouchableOpacity>
Run Code Online (Sandbox Code Playgroud)
请帮助我如何在单击时将心脏更新为心脏而不是心脏