Как изменить стиль блока при определенных значениях?

Question

[rsoinvi]

Хочу изменить цвет блока при определенных значениях из зранилища

Например:
Если значение 20 то делаю блок оранжевым, если 50 то синим

Answer 1

[Антон Спирин]

Реализация зависит от того, какие инструменты для работы со стилями используете. Сам принцип будет один и тот же:

const getColor = value => {
  switch(value) {
    case 20:
      return 'orange';
    case 50:
      return 'blue';
  }
}

render() {
  const { value } = this.props;
  return <ExampleComponent style={{ color: getColor(value) }} />;
}