reactjs - RN - 在样式声明中使用 Prop

Question

我想使用属性值来动态添加颜色 - 与父 View 相关。

我有以下 -

  <Text style={[copyStyles.copyrightTxt, copyStyles.copyColor{this.Props.Color}]}>&copy; Copyright 2019 LRM Security Ltd</Text>

将通过以下方式设置样式:

const copyStyles = StyleSheet.create({

  copyColorOrange:{
    color:'#f79431',
  }
 });

但我收到错误“意外 token ”- 谁能告诉我哪里出错了？

Answer 1

您可以通过两种方式访问​​对象的属性:

objectName.propertyName

或者您可以使用允许您使用字符串的替代方法

objectName["propertyName"]

您应该使用替代方法通过构造所需的字符串来访问样式对象中的值。

 copyStyles[`copyColor${this.props.Color}`]

props 不也是全部小写吗？