咱們都知道在React中使用函數時,有兩種寫法,一是回調函數,二是直接調用,但須要在構造函數中綁定this,只有這樣,函數中的this才指向本組件函數
總結一下沒有綁定this的函數中的this指向this
不論是在本組件的元素上調用的函數仍是傳遞給子組件的函數,無論有沒有綁定this,它們調用的都是本組件裏的函數,即調用函數的this指向的是本組件spa
例如: class Parent extends React.Component {對象
constructor(props) { supper(props); }回調函數
handleSubmit() {}it
render() {class
return (構造函數
<div>總結
<button onClick={this.handleSubmit}>點擊按鈕</button>di
<Child onFunc={this.handleSubmit} />
</div>
);
}
}
<button>與<Child />調用的都是Parent組件中的handleSubmit,不一樣的是handleSubmit函數中的this指向
<button>的handleSubmit中的this爲undefined
<Child />的handleSubmit中的this指向Child組件的propTypes對象