setNativeProps在组件属性上

Question

我试图操纵我的组件中的prop值，它取自lib react-native-vector-icons所以它的图标组件属性为color我想操纵color而不使用状态但是与setNativeProps我试过这个：

this.likeIcon.setNativeProps({
    color:'red'
})


   <IconEn ref={like => this.likeIcon = like}  color={'#900'}  name="thumbs-up" />

如docs中所述，但它给出了一个错误：

  

＆＃34;您正在设置样式＆＃39; {color：...}＆＃39;作为道具。你应该将它嵌套在一个样式对象中。 ＆＃39; {style：{color：...}}＆＃39;＆＃34;

所以我尝试使用style={{color: '#900'}}设置组件的样式并操纵style道具但是这个组件不会那样工作，它需要接收color道具作为颜色

Answer 1

如果您希望IconEn使用父级的颜色属性，您可以这样做：

<IconEn ref={like => this.likeIcon = like}  style={{color: this.props.color}}  name="thumbs-up" />