根据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')为真，就切换到CSS文件中的actionBoxButton按钮。

有没有什么变通的方法可以将这些条件用于按钮？

Answer 1

你通过在true周围加引号使其成为字符串类型，试试这个。

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