javascript - 如果另一个元素为空则隐藏元素

Question

schedule.description 要么有内容，要么为空。

我试图隐藏 h4 就像我对 section_schedule_items map div 所做的那样。但是，在尝试了几乎所有条件语句后，我没有运气。

如果描述为null，是否有办法隐藏h4标题？即使元素位于 section_schedule_items 映射函数之外？

片段:

{adv_event.schedule.map((schedule, index) => (
  <div className="col-md-12 med-spaces" key={index}>
    <div className="schedule">
      <h4>Event Schedule</h4>
      <div key={index}>
        {schedule.section_schedule_items.map((schedule) => (
          <div className={schedule.description !== null ? ( 'block' ) : ( 'hide' )}>
            <div className="schedule-item">
              <p className="item-title">{schedule.title}</p>
              <Markdown
                className="item-body"
                source={he.decode(`${schedule.description}`)}
                escapeHtml={false}
              />
            </div>
          </div>
        ))}
      </div>
    </div>
  </div>
))}

描述中有内容时显示什么:

当描述为空时(标题仍然显示):

希望基本上删除标题。

Answer 1

一种可能的方法来识别是否至少一个描述是错误的，条件如下

schedule.section_schedule_items.some(
  ({ description }) => !description,
) && ... // returns true -> so some are false

一种可能的方法来识别所有描述是否为假，条件如下

schedule.section_schedule_items.every(
  ({ description }) => !description,
) && ... // returns true -> so all are false