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

Answer 2

你的 lessons 属性传的是个数组吗！！！

Answer 3

说明你的this.props.lessons取错了，不是数组，不存在forEach方法