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

                ThinkChat2.0新版上線,更智能更精彩,支持會話、畫圖、視頻、閱讀、搜索等,送10W Token,即刻開啟你的AI之旅 廣告
                1)React 的事件綁定,在服務端渲染時,并不會以 這種內聯事件形態出現。所以,ReactDOMServer 渲染的內容在「結構-樣式-行為」鐵三角關系里,缺失了「行為」 2)在 React v15 版本里,ReactDOM.render 方法可以根據 data-react-checksum 的標記,復用 ReactDOMServer 的渲染結果,不重復渲染,而是根據 data-reactid 屬性,找到需要綁定的事件元素,進行事件綁定的處理。補完「結構-樣式-行為」。 3)在 React v16 版本里,ReactDOMServer 渲染的內容不再有 data-react 的屬性,而是盡可能復用 SSR 的 HTML 結構。 這就帶來了一個問題,ReactDOM.render 不再能夠簡單地用 data-react-checksum 的存在性來判斷是否應該嘗試復用,如果每次 ReactDOM.render 都要盡可能嘗試復用,性能和語義都會出現問題。所以, ReactDOM 提供了一個新的 API, ReactDOM.hydrate() 。 ![](https://img.kancloud.cn/3b/f5/3bf5a2c2d72bdcc8646b41dfca0feb4f_720x226.png) 4)在 React v17 版本里,ReactDOM.render 則直接不再具有復用 SSR 內容的功能。見:[https://github.com/facebook/react/blob/master/src/renderers/dom/shared/\_\_tests\_\_/ReactRenderDocument-test.js#L32-L34](https://link.zhihu.com/?target=https%3A//github.com/facebook/react/blob/master/src/renderers/dom/shared/__tests__/ReactRenderDocument-test.js%23L32-L34) **結論: hydrate 描述的是 ReactDOM 復用 ReactDOMServer 服務端渲染的內容時盡可能保留結構,并補充事件綁定等 Client 特有內容的過程。**
                  <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>

                              哎呀哎呀视频在线观看