javascript - 具有两个条件的数据映射

Question

如何简化这段代码？如果 startDate 或 endDate 可用，我想将其映射到日历单元格中，或者如果索引不同，则映射它们。

else if (
   (employeeStartLeave && employeeStartLeave.length) ||
   (employeeEndLeave && employeeEndLeave.length)
) {
   if (employeeStartLeave && employeeStartLeave.length) {
     return (
       <ul className="events">
         {employeeStartLeave.map((item, i) => (
           <li key={i}>
             <Tag color="green">{item.sfMember}</Tag>
            </li>
            ))}
          </ul>
        );
      }

   if (employeeEndLeave && employeeEndLeave.length) {
     return (
        <ul className="events">
          {employeeEndLeave.map((item, i) => (
            <li key={i}>
              <Tag color="green">{item.sfMember}</Tag>
            </li>
          ))}
        </ul>
      );
    }
  }

Answer 1

function MyItems({ items }) {
    if (items.length <= 0) return null;
    return (
      <ul className="events">
       {items.map((item, i) => (
         <li key={i}>
           <Tag color="green">{item.sfMember}</Tag>
         </li>
        ))}
      </ul>)
}

MyItems.defaultProps = {
 items: []
}

...

 <MyItems items={employeeStartLeave}/>
 <MyItems items={employeeEndLeave}/>

...