时间戳

首页 > 解决方案 > 如何将对象数组中的值映射到渲染元素的样式

react-native - 如何将对象数组中的值映射到渲染元素的样式

问题描述

我有一个像这样的对象数组。[{message:"text 1", likecolor:"blue"},{message:"text 2", likecolor:"yellow"}]。我能够将“消息”的值迭代到我的文本元素中。但是我不能将 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>
             )
}

标签： react-native

解决方案

我认为你可以通过这样做来添加你的颜色

<Icon color={count.likecolor}/>

更新。

我创建了一个可以工作的零食，代码和你的一样，看看你是否发现了一些不同之处：https ://snack.expo.io/SJ1EQQ8bH

推荐阅读