1. 程式人生 > >react onClick 等函式傳參

react onClick 等函式傳參

不能使用(引數A, 引數B)的方式,而是要使用bind

<Button onClick={this.showEdit.bind(this, 'add')}>新增使用者</Button>
  showEdit = (type) => {
    console.log(type)  // 這裡面的type就是'add'
    this.setState({ modalType: type, modalVisible: true })
  };
通過   bind(this,引數)   的方法就可以在onClick中傳參了
--------------------- 
如果不使用bind,比如 <Button onClick={this.showEdit('add')}>新增使用者</Button>

他會預設你是直接執行了這個函式,即使不點選也執行了showEdit這個函式,對的就是這麼的坑,一定要通過bind,就不會視作你是執行了這個函式