我有一个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'的值是一个字符串但只接受数字有关。 (给出错误的值?)
答案 0 :(得分:26)
该错误解释了它期望变量为整数,而不是字符串值。
示例强>
<BarItem barInterval={'5'} />
错误,但<BarItem barInterval={5} />
是正确的。
在这种情况下,值marginRight
需要一个整数才能工作,因为该变量用在样式表中。