Как сравнить цвет объекта в реакции родной при настройке состояния

Question

Может кто-нибудь, пожалуйста, помогите мне сравнить цвет объекта в реагировать родной. Вообще по быстрому я бы так и сделал:

if aColorObj == UIColorClass.white{
  aColorObj = UIColorClass.gray
}

Как сделать подобное в реагировать родной ниже:

onPressLearnMore() {

  this.setState = {
    /*
      how to write this:
       if mbackgroundColor == 'white'{
      mbackgroundColor = 'red'
      }else if mbackgroundColor == 'gray'{
      mbackgroundColor = 'white'
      } 
    */
  };
}

Спасибо:)

Answer 1

Здесь также самое простое решение - сохранить исходный цвет фона в состоянии, иметь объект цветов, который можно использовать для сравнения цвета.

const Colors = {
  Grey: '#DCDCDC',
  White: '#FFFFFF',
  Blue: '#0000FF',
  Black: '#000000',
};


state = {
  backgroundColor: Colors.White,
};

<View
    style={[
      styles.container,
      { backgroundColor: this.state.backgroundColor }, // set background color here from state
    ]}>

Затем вы можете использовать функцию для проверки цвета фона.

checkBackgroundColor = () => {

  if (this.state.backgroundColor === Colors.Blue) {
    console.log("It's blue");

    this.setState({
      backgroundColor: Colors.White,
    });
  }
  ....
};

пример закуски