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>
)
}
}
报不能正确的渲染