Блог

Итак, у меня есть кнопка, которая, как предполагается, изменяет backgroundcolor в зависимости от переменной (props.status), которая является int.

Я могу понять, что можно переключаться между двумя значениями, например, используя что-то вроде backgroundColor: props.status ? 'red' : 'blue' , но что, если у меня много цветов? Вроде бы предполагалось, что что-то подобное сработает, но это не так.

 backgroundColor: (() =>
      {
        switch (props.status)
        {
          case 0:
            return 'red'
          case 1:
            return 'red'
          default:
            break;
        }
      })
  

Вам нужно выполнить функцию, которую вы только что объявили:

 (() => {
     //...
})() // note the last pair of parentheses
  

Этот шаблон называется IIFE