三元运算符每次都返回 false - REACT

Question

我有一个声明的状态和一个在点击时修改该状态的函数。是这样的。

 const [sdgs, setSdgs] = useState([]);

  const handleClick = (sdg) => {
    if (sdgs.includes(sdg)) {
      const index = sdgs.indexOf(sdg);
      if (index > -1) {
        setSdgs([...sdgs.slice(0, index), ...sdgs.slice(index + 1)]);
      }
    } else {
      setSdgs([...sdgs, sdg]);
    }
  };

当点击图片时会调用它

<img
  src={no_poverty_1}
  alt="No Poverty"
  name="sdg1"
  className={`${style.sdgTileSignUp} mx-2 my-4 ${
   sdgs.indexOf("sdg1") > -1 ? style.selected : null
  }`}
  onClick={() => handleClick("sgd1")}
/>

所以，我想要的是 onClick 我想在图像标签中添加一个“选定”类。但不知何故，每次三元操作返回false。

Answer 1

最后是一个错字。 sgd 而不是 sdg。 对不起，谢谢！