如果另一个为null，则隐藏元素

Question

schedule.description具有内容或为空。

我正试图像对h4地图div一样隐藏section_schedule_items。但是，在尝试了几乎所有条件语句之后，我都没有运气。

如果描述为h4，是否可以隐藏null标题？即使元素位于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

一种可能的方法来识别至少one个描述是否为假，条件是类似

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

一种可能的方法来识别描述中的all是否为假，

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