<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                企業??AI智能體構建引擎,智能編排和調試,一鍵部署,支持知識庫和私有化部署方案 廣告
                ### **1、無狀態函數式組件** 它是為了創建純展示組件,這種組件只負責根據傳入的props來展示,不涉及到state狀態的操作 組件不會被實例化,整體渲染性能得到提升,不能訪問this對象,不能訪問生命周期的方法 ### **2、ES5 原生方式 React.createClass // RFC** React.createClass會自綁定函數方法,導致不必要的性能開銷,增加代碼過時的可能性。 ### **3、E6繼承形式 React.Component // RCC** 目前極為推薦的創建有狀態組件的方式,最終會取代React.createClass形式;相對于 React.createClass可以更好實現代碼復用。 ### **無狀態組件相對于于后二者的區別** 與無狀態組件相比,React.createClass和React.Component都是創建有狀態的組件,這些組件是要被實例化的,并且可以訪問組件的生命周期方法。 ### **React.createClass****與React.Component區別** **① 函數this自綁定** - React.createClass創建的組件,其每一個成員函數的this都有React自動綁定,函數中的this會被正確設置。 - React.Component創建的組件,其成員函數不會自動綁定this,需要開發者手動綁定,否則this不能獲取當前組件實例對象。 **② 組件屬性類型propTypes及其默認props屬性defaultProps配置不同** - React.createClass在創建組件時,有關組件props的屬性類型及組件默認的屬性會作為組件實例的屬性來配置,其中defaultProps是使用getDefaultProps的方法來獲取默認組件屬性的 - React.Component在創建組件時配置這兩個對應信息時,他們是作為組件類的屬性,不是組件實例的屬性,也就是所謂的類的靜態屬性來配置的。 **③ 組件初始狀態state的配置不同** - React.createClass創建的組件,其狀態state是通過getInitialState方法來配置組件相關的狀態; - React.Component創建的組件,其狀態state是在constructor中像初始化組件屬性一樣聲明的。 **最后總結** 只要有可能,盡量使用無狀態組件創建形式。 能用React.Component創建的組件的就盡量不用React.createClass形式創建組件,以增強復用性和提高性能。
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看