当前位置： 移动技术网 > IT编程>开发语言>JavaScript > React之函数中的this指向

React之函数中的this指向

2018年11月11日  | 移动技术网IT编程  | 我要评论

       我们都知道在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对象

 

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网