Twitter bootstrap 通过reactjs创建的引导列表组onclick不工作

无法读取未定义的属性“map”，因为它无法工作

类侧标签扩展了React.Component{
建造师（道具）{
超级（道具）；
这是道具={
数据：[
{
标题：“环球”，
班级：“全球”
},
{
标题：“章节”，
课堂：“档案”
},
{
标题：“设置”，
类别：“齿轮”
},
{
标题：“小组”，
类：“列”
},
{
标题：“控制”，
类：“列”
},
]
}
this.props.Data.map（（item，index）=>（console.log（item.title））；
}
render（）{
返回(
{
this.props.Data.map（（项目，索引）=>(
))
}
);
}

}

---

ReactDOM.render（，document.getElementsByClassName（'bhoechie-tab-menu'）[0]）

你不应该自己写东西给道具，

这个。道具是组件从其父组件发送进来的属性。除去

this.props={Data:...}

并替换为

this.state = {Data:...}

然后使用

this.state.Data.map((item, index) => (...)

this.state.Data.map((item, index) => (...)