Переключение на другую кнопку в зависимости от условия в ReactJS

Question

Я работаю над проектом в ReactJS, и у меня есть следующая функция:

function moveChecker() {
      let i = 0;
      let arr = [];
      while (i < props.moves.length) {
          if (arr.includes(props.moves[i].moveName) === false)
              arr.push(props.moves[i].moveName);
          i++;
      return arr
      }
  }

Он проходит через перемещения объекта и принимает все уникальные имена MoveNames. Теперь у меня также есть кнопка HTML:

<button className={`actionBoxButtonGrey ${moveChecker().includes('DiceMove') ? "actionBoxButton" : ''}`}

Код не работает, но я пытаюсь, если moveChecker (). Includes ('DiceMove') имеет значение true, переключиться на кнопку desing actionBoxButton, который находится в моем CSS файле.

Есть ли обходной путь для использования этих условий для кнопки?

Answer 1

Вы сделали истинным строковый тип, заключив его в кавычки. Попробуйте это:

<button className={`actionBoxButtonGrey ${moveChecker().includes('DiceMove') ? "actionBoxButton" : ''}`}