react forEach方法报错

Question

  render:function(){        var lessLists=[];        this.props.lessons.forEach(function(v,i){             lessLists.push(<LessonList key={i} lessList={v.name} />)         });        return (             <div>                 <Header courseCon={'核心课程'}/>                 <ul>                     {lessLists}                 </ul>             </div>         )     }这是我写的代码，但是forEach报下面的错：bundle.js:21868 Uncaught TypeError: data.forEach is not a function请问这是什么原因呢，是缺少什么东西么？

Answer 1

this.props.lessons这玩意不是数组的话，不能用forEach