函数传参数的理解

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>
    )
})