react如何检查字符串是否为空

Question

我在React中有一个组件，可显示JSON数据文件中的时间：

<div>
  <div>
    {startTime && (
      <div className={style.startTime}>
        {moment(stop?.on?.time).format("HH:mm:ss")}
      </div>
    )}
    {endTime && (
      <div className={style.endTime}>
        {moment(stop?.off?.time).format("HH:mm:ss")}
      </div>
    )}
  </div>

</div>;

这可以很好地显示文件中的时间。但是，现在我正在尝试编写一个三元组，如果JSON文件中没有数据，它将隐藏时间。

<div>
  <div>
    {startTime === true
      ? startTime && <div>{moment(stop?.on?.time).format("HH:mm:ss")}</div>
      : null}

    {endTime === true
      ? endTime && <div>{moment(stop?.off?.time).format("HH:mm:ss")}</div>
      : null}
  </div>
</div>;

这不起作用。如果条件为=== true，则两者均不返回任何内容。如果将其设置为!==，它将返回两个值。

如果JSON对象存在并且有数据，如何显示或隐藏值？

Answer 1

字符串永远不会等于true