React之函数中的this指向
我们都知道在react中使用函数时,有两种写法,一是回调函数,二是直接调用,但需要在构造函数中绑定this,只有这样,函数中的this才指向本组件
总结一下没有绑定this的函数中的this指向
不管是在本组件的元素上调用的函数还是传递给子组件的函数,不管有没有绑定this,它们调用的都是本组件里的函数,即调用函数的this指向的是本组件
例如: class parent extends react.component {
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对象
推荐阅读
-
Django框架中render_to_response()函数的使用方法
-
Android生存指南之:开发中的注意事项
-
浅谈python中的getattr函数 hasattr函数
-
php中eval函数的危害与正确禁用方法
-
Mysql5.7中使用group concat函数数据被截断的问题完美解决方法
-
详解使用React.memo()来优化函数组件的性能
-
SQL SERVER函数之深入表值函数的处理分析
-
Android笔记之:在ScrollView中嵌套ListView的方法
-
JS ES6中setTimeout函数的执行上下文示例
-
android UI进阶之android中隐藏的layout 抽屉的使用方法