render:function(){
        var lessLists=[];
        this.props.lessons.forEach(function(v,i){
            lessLists.push(<LessonList key={i} lessList={v.name} />)
        });
        return (
            <p>
                <Header courseCon={'核心课程'}/>
                <ul>
                    {lessLists}
                </ul>
            </p>
        )
    }

这是我写的代码，但是forEach报下面的错：
bundle.js:21868 Uncaught TypeError: data.forEach is not a function
请问这是什么原因呢，是缺少什么东西么？