欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

React之函数中的this指向

程序员文章站 2022-03-18 15:50:29
我们都知道在React中使用函数时,有两种写法,一是回调函数,二是直接调用,但需要在构造函数中绑定this,只有这样,函数中的this才指向本组件 总结一下没有绑定this的函数中的this指向 不管是在本组件的元素上调用的函数还是传递给子组件的函数,不管有没有绑定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对象