javascript - 使用map循环遍历数组时返回null而不是JSX

Question

我正在使用 array.map 在 react 中遍历一组对象.该数组采用以下形式:

const seasons = [
             {air_date: null, episode_count: 6},
             {air_date: "2020-02-02", episode_count: 6}
           ]

我正在使用 seasons.map 遍历数组, 如果 air_date 返回 JSX不是 null和 null否则。

 seasons.map((season, index) => {
      if(season.air_date){
         return <span key = {season.id}> {season.episode_count} </span>
     }else{
        return null; // Is this recommended?
    }  
})

我从未见过有人这样做(返回 null 而不是 JSX )。在 react 中推荐吗？我不想使用 for环形。

Answer 1

是的，这是推荐的。
如果您有条件或可选组件，则返回 null意思是“没有组件”或“没有 JSX”是要走的路。
此外，正如@k-wasilweski 所说，使用 .map将数组转换为一系列组件是 React 的标准做法。
如果您不喜欢返回空值的想法，您可以随时添加 .filter(c => c !== null)最后，但这真的没有必要。