Javascript 反应JS中的三元算子

需要一些关于react js中三元运算符的指导

如果dataCheck为true，将显示我的图标FaSitemap。如果为false，则不会显示图标

但是，如果返回空响应，如何确保图标不会出现？ 当前，即使响应为空，它也会出现，即使我在末尾返回null

      {
          (dataCheck) ? (
              <span>
                <FaSitemap
                  size="2.5em"
                  color="#1E88E5"
                  cursor="pointer"
                />
              </span>
          ) : (null)
       }

{
（数据检查）(
)：（空）
}

您可以只使用逻辑

和&

，这意味着首先它将检查

数据检查

，如果它是真实值，则图标将显示else not

{
  dataCheck && dataCheck.length !== 0 && (
    <span>
      <FaSitemap size="2.5em" color="#1E88E5" cursor="pointer" />
    </span>
  );
}

{
dataCheck&&dataCheck.length！==0&&(
);
}

返回空响应的确切含义是什么？因为从技术上讲，三元运算符的语法和逻辑是正确的。除非dataCheck对象是字符串，而不是布尔值。我还假设你有这个三元包装在{}[]和{}和''是真的，即使它们是空的，想知道更多的去感谢分享这个好提示！如果返回的值为[]，但似乎它会将其识别为truthy，则如何。@user8779054在这种情况下，您可以检查数组的长度。仅当它不是0时才显示它。例如：

{array.length！==0&&（在此处呈现项目）}

@user8779054答案已编辑。您只需再添加一个条件

dataCheck.length！==0