Html 根据ReactJS中的条件切换到另一个按钮

Html 根据ReactJS中的条件切换到另一个按钮,html,css,reactjs,Html,Css,Reactjs,我在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);

我在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
      }
  }
函数moveChecker(){
设i=0;
设arr=[];
while(i
它通过一个对象移动并接收所有唯一的移动名称。现在,我还有一个HTML按钮:

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

通过在其周围加引号,您已将true设置为字符串类型。
试试这个:

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

您好,谢谢,实际上我是这样做的,直接使用布尔值,但仍然不起作用。但是我已经记录了arr和骰子移动在里面