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

Question

我声明了一个状态和一个修改该状态的 onClick 函数。事情是这样的。

 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 我想向图像标签添加 class“已选择”。但是不知何故每次三元操作 returns false.

Answer 1

结果打错了。 sgd 而不是 sdg。抱歉，谢谢！

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

ternery operation returning false everytime - REACT

conditional-operator

jsx

reactjs

react-hooks

react-state