this.state = {
arr:['小狗','小猫','小花','小牛']
}
{
this.state.arr.map((item,index)=>{
return(
<div>
{/*这里面的disImageEvent事件无需知道干什么,我们只关注怎么传参数*/}
<p onClick={()=> this.disImageEvent(index)}>
{ item }
</p>
</div>
)
})
}
//注意看好了,前面这个括号不需要传参数,因此是空的。
<p onClick={()=> this.disImageEvent(index)}>
{ item }
</p>
父组件
getIndexEvent(index) {
//在父组件中就可以得到这个index值了。
}
<Header getIndex={(index)=>this.getIndexEvent(index)} />
子组件
disImageEvent(index) {
this.props.getIndex && this.props.getIndex(index);
}
this.state.arr.map((item,index)=>{
return (
<div>
<p onClick={ ()=>{ this.disImageEvent(index) }}>
</p>
</div>
)
})