react-native 簡單記錄一下

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>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章