react 衝鴨!
1. 子組件 傳遞方法並帶上參數
- 父組件單獨寫:
<div onClick={this.handleItemDelete.bind(this,index)}> </div>
- 父子組件寫法
父組件:
constructor(props) {
super(props)
this.handleItemDelete = this.handleItemDelete.bind(this);
}
render() {
return (
<ListUI handleItemDelete = {this.handleItemDelete } />
)
handleItemDelete (index) {
console.log(index)
}
}
子組件:需要使用箭頭函數,保證this指向的正確。
<div onClick = {()=> {this.props.handleItemDelete (index)}></div>