Javascript 使用react-native在样式属性中建立索引

我正在用react native构建一个应用程序，我尝试将索引传递给样式属性，以获得不同的背景颜色

这是我的密码：

getData(data){
    const items = data.map((item, index) =>
        <View key={index} style={[styles.forecastItems, styles.forecastItems0]}>
            <Text>{item.day}</Text>
            <Image source={item.url}/>
            <Text>{item.temp}</Text>
        </View>
    );
    return (items)
}

getData（数据）{
const items=data.map（（项目，索引）=>
{item.day}
{item.temp}
);
退货（项目）
}

在styles.forecastItem0中，我希望使用索引而不是0。 我没有找到解决办法。 感谢您的帮助

您可以使用：

---

您可以使用以下括号访问样式对象的属性

<View key={index} 
      style={[styles.forecastItems, styles.["forecastItems" + index] ]}
>

---

您应该创建

forecastitem

作为数组：

styles = {
    forcastItems = [1, 2, 3, 4]
}

现在，您可以直接为数组编制索引：

<View key={index} style={[styles.forecastItems, styles.forecastItems[index]]}>

---

请注意，您应该始终使用数组，而不是创建仅与数字后缀不同的变量名（或对象中的键）。

尝试过的样式[

forecastItems${index}

]？@FemiOni如果使用了它，您会错过后面的提示。注释中的代码格式化不如应答中的那么健壮。双刻度

样式[

forecastItems${index}

]

@FemiOni让它看起来更有趣。如果你想知道如何逃避它，请阅读：``你的问题不是很清楚你想要什么，你指的是随机颜色背景列表还是随机颜色列表？

<View key={index} style={[styles.forecastItems, styles.forecastItems[index]]}>