How to change block style at certain values?

Question

React

I want to change the color of the block at certain values ​​from the repository
For example:
If the value is 20 then I make the block orange, if 50 then blue

Answer 1

The implementation depends on what style tools you use. The principle itself will be the same:

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

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