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對象

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM