在类型为RCTView的阴影节点中更新属性“X”时出错

时间:2016-05-27 12:35:31

标签: react-native

我有一个Item,它从props值接收一个值。 根据react-native错误消息传递,未正确设置此值。

export default class BarItem extends Component {

constructor (props) {
    super(props);
}

propTypes : {
    color: PropTypes.string,
    barInterval: PropTypes.number,
};
    const {color, barInterval} = this.props;

render () {
    const baseStyle = {
        backgroundColor: color,
        marginRight: barInterval
    };

    return ( <View style={Object.assign({}, baseStyle, {height: (empty * unitHeight)}) } /> );
  }
}

我想知道为什么我无法更新我的值,影子节点是什么,以及如何在将来阻止它?

编辑:与'barinterval'的值是一个字符串但只接受数字有关。 (给出错误的值?)

1 个答案:

答案 0 :(得分:26)

该错误解释了它期望变量为整数,而不是字符串值。

示例

<BarItem barInterval={'5'} />错误,但<BarItem barInterval={5} />是正确的。

在这种情况下,值marginRight需要一个整数才能工作,因为该变量用在样式表中。