class Lesson extends Component {
handleKey(){
console.log(${this.props.index}-${this.props.lesson.title})
}
render(){
return(
<div onClick={this.handleKey.bind(this)}>
<h1>{this.props.lesson.title}</h1>
<p>{this.props.lesson.description}</p>
</div>
)
}
}

class LessonsList extends Component {
render(){
return(
<div>
{
this.props.lessons.map((lesson,i)=>{
<Lesson lesson={lesson} key={i} index={i}/>
})
}
</div>
)
}
}
报不能正确的渲染

回复: 没有解释到重点我明白了

回复: 关于react中this问题
我this指向问题没有什么问题，bind(this),我也知道，我只是疑惑<button onClick={this.handleSubmit.bind(this)}>发布</button>不是对象方法的方式调用（this.handleClickOnTitle），而是直接通过函数调用 （handleClickOnTitle），我都写了this.handleSubmit，为什么还说不是对象方法的方式调用

<div className='comment-field-button'>
<button onClick={this.handleSubmit.bind(this)}>发布</button>
</div>
组件类实例化后，this就指向这个实例，我认为this.handleSubmit就已经指向这个对象了，为什么还要bind（this）,能说明为什么吗，这可能关于react的源码，请大神指点一下