Question

我有一个像这样的对象数组。 [{message：“ text 1”，likecolor：“ blue”}，{message：“ text 2”，likecolor：“ yellow”}]。我能够将“消息”的值迭代到我的Text元素中。但是我不能将likecolor的值分配给我图标的颜色。在下面的代码中，它不会对图标的颜色进行任何更改。这是我的代码

/**
  this is my object array 
  [{message:"text 1", likecolor:"blue"},{message:"text 2",likecolor:"yellow"}]
*/

 this.state.messagestable.map((count) => {
     return (
              <Card transparent key={count.message_id}>
                  <Text>{count.message}</Text>
                  <Icon name ="ios-heart" style={{color:count.likecolor}} /> 
              </Card>
             )
}

Answer 1

我认为您可以通过添加颜色来添加

<Icon color={count.likecolor}/>

更新。

我创建了一个可以使用的小吃，代码与您的代码相似，请查看您是否发现了一些差异：https://snack.expo.io/SJ1EQQ8bH

如何将值从对象数组映射到render元素的样式

1 个答案: