当状态更改和从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 (将#修改为@）