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