Reactjs 将状态映射到react中的组件
我的组件具有这种状态Reactjs 将状态映射到react中的组件,reactjs,Reactjs,我的组件具有这种状态 this.state = { open: false, schedules: [ { startDate: '2018-10-31 10:00', endDate: '2018-10-31 11:00', title: 'Meeting', id: 0 }, { startDate: '2018-11-01 18:00', endDate: '2018-11-01 19:30', tit
this.state = {
open: false,
schedules: [
{ startDate: '2018-10-31 10:00', endDate: '2018-10-31 11:00', title: 'Meeting', id: 0 },
{ startDate: '2018-11-01 18:00', endDate: '2018-11-01 19:30', title: 'Go to a gym', id: 1 },
]
};
在我的渲染函数中,我尝试渲染以下项目
render() {
return (
<div className="row center">
<div className="col-md-6">
<div>
{
this.state.schedules((obj, idx) => {
return (
<div key={idx}>
{console.log(obj)}
</div>
)
})
}
</div>
</div>
</div>
);
我希望在控制台中打印出this.state.schedules中的对象,但我得到的错误是TypeError:this.state.schedules不是一个函数
我做错了什么?this.state.schedules不是一个函数。这是一个数组。。。你需要通过它循环。。。请尝试下面的代码
this.state.schedules.map((obj, idx) => {
return (
<div key={idx}>
{console.log(obj)}
</div>
)
})