如何解决当状态更改和从API下载条件时如何创建两个条件来更改图标
在React Native应用程序中,我将从API下载的俱乐部显示为JSON对象,在该对象中,有一个俱乐部是否在收藏夹中的值:
Object {
"address": "ul. Przy lesie","bookmark": false,"name": "Akademia Tenisa Paliński","status": 1,}
使用FlatList会显示所有俱乐部,如果俱乐部在使用JSON对象“ bookmark”的收藏夹中,则我会在俱乐部旁边创建一个心形图标:如果为true,则填充心,如果为false,则为空。执行代码检查:
<View style={styles.club__favorite}>
{/* condition if club included in favorite screen */}
{item.bookmark ? (
<AntDesign name="heart" size={30} color="#40514e" />
) : (
<AntDesign name="hearto" size={30} color="#40514e" />
)}
</View>
AntDesign是@ expo / vector-icons导入的图标。我的问题来了。现在,我希望用户能够单击不在收藏夹中的空心,从而使其变成完整的心。我试图解决检查数组中是否存在相同元素的类型,如果存在,则应更改图标:
<View style={styles.club__favorite}>
{/* condition if club included in favorite screen */}
{item.bookmark ? (
<AntDesign name="heart" size={30} color="#40514e" />
) : (
<AntDesign name="hearto" size={30} color="#40514e" />
)}
{favoriteClub.includes(item) ? (
<AntDesign name="heart" size={30} color="#40514e" />
) : (
<AntDesign name="hearto" size={30} color="#40514e" />
)}
</View>
这种情况有效,但我有两心,应用程序必须使用API检查俱乐部是否在收藏夹中,然后单击图标以更改其状态。我不知道如何为一个图标点亮创建两个条件。
预先感谢您的回答。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。