React（材料UI）-带开关的MakeStyles

Question

所以我有一个按钮，它想根据变量（ props.status ）（它是一个整数）来更改背景色。

我可以理解，它可以在两个值之间交换，例如使用backgroundColor: props.status ? 'red' : 'blue'之类的东西，但是如果我有很多颜色怎么办？ Kinda认为这样的方法可以工作，但是不行。

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

Answer 1

您需要执行刚刚声明的功能：

n

此模式称为IIFE