1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > React之函数中的this指向

React之函数中的this指向

时间:2018-11-17 11:11:22

相关推荐

React之函数中的this指向

我们都知道在React中使用函数时,有两种写法,一是回调函数,二是直接调用,但需要在构造函数中绑定this,只有这样,函数中的this才指向本组件

总结一下没有绑定this的函数中的this指向

不管是在本组件的元素上调用的函数还是传递给子组件的函数,不管有没有绑定this,它们调用的都是本组件里的函数,即调用函数的this指向的是本组件

例如: class Parent extends ponent {

constructor(props) { supper(props); }

handleSubmit() {}

render() {

return (

<div>

<button onClick={this.handleSubmit}>点击按钮</button>

<Child onFunc={this.handleSubmit} />

</div>

);

}

}

<button>与<Child />调用的都是Parent组件中的handleSubmit,不同的是handleSubmit函数中的this指向

<button>的handleSubmit中的this为undefined

<Child />的handleSubmit中的this指向Child组件的propTypes对象

更多专业前端知识,请上【猿2048】

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。