Ошибка при обновлении свойства "X" в теневом node типа: RCTView

У меня есть элемент, который получает значение из значения реквизита. Это значение не установлено правильно в соответствии с сообщениями об ошибках, вызванными реакцией.

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)})]} /> );
  }
}

Мне интересно, почему я не могу обновить свою ценность и что такое тень node и как предотвратить это в будущем?

EDIT: что-то связано со значением "barinterval", являющимся строкой, но принимающей только цифры. (неверное значение указано?)

Ответ 1

Ошибка объясняет, что она ожидает переменную в целочисленном, а не в строковом значении. <BarItem barInterval={'5'} /> неверно, но <BarItem barInterval={5} /> является правильным, потому что значение marginRight требует, чтобы целое число работало, потому что его часть стиля.