React 如何在不刷新页面的情况下呈现 DOM?
How does React render DOM without refreshing page?
在我遇到 React 之前,当我使用 Javascript 在浏览器上进行更改时,我必须手动(或使用实时服务器)刷新页面才能看到更改。但是 React 会在不刷新页面的情况下做到这一点。
我正在尝试学习 React 中的钩子。根据导师的说法,当我在 React 中使用 useState
更改任何状态时,React 会自动呈现具有该状态的整个组件。但是在这样做的同时,React 不会刷新页面。怎么可能?即使 React 只改变了 DOM 的一小部分,难道不需要刷新页面才能看到变化吗?
因为在一天结束时 React 只是 javascript 并最终呈现 DOM
我认为您混淆了页面刷新以便在开发过程中查看新代码执行和实际 JS 代码执行。如果您使用 CRA,CRA 在开发期间使用 webpack 热模块替换,以便在您每次更改 JS/CSS 代码时使用新代码自动刷新浏览器页面。它与 React 无关,你可以使用 HMR 功能,即使你只需要正确设置 webpack 就可以使用 vanilla JS。
更多信息在这里:https://webpack.js.org/concepts/hot-module-replacement/
在我遇到 React 之前,当我使用 Javascript 在浏览器上进行更改时,我必须手动(或使用实时服务器)刷新页面才能看到更改。但是 React 会在不刷新页面的情况下做到这一点。
我正在尝试学习 React 中的钩子。根据导师的说法,当我在 React 中使用 useState
更改任何状态时,React 会自动呈现具有该状态的整个组件。但是在这样做的同时,React 不会刷新页面。怎么可能?即使 React 只改变了 DOM 的一小部分,难道不需要刷新页面才能看到变化吗?
因为在一天结束时 React 只是 javascript 并最终呈现 DOM
我认为您混淆了页面刷新以便在开发过程中查看新代码执行和实际 JS 代码执行。如果您使用 CRA,CRA 在开发期间使用 webpack 热模块替换,以便在您每次更改 JS/CSS 代码时使用新代码自动刷新浏览器页面。它与 React 无关,你可以使用 HMR 功能,即使你只需要正确设置 webpack 就可以使用 vanilla JS。
更多信息在这里:https://webpack.js.org/concepts/hot-module-replacement/