我有点糊涂了。当我调试React原生应用程序时,我通常启用热重新加载和实时重新加载。我想知道它们之间的区别是什么?
当前回答
在开发React-Native应用程序时,您需要查看您的代码更改 要查看代码更改,React-Native中有两个选项。
注意:这两个(热重新加载和实时重新加载)特性在react-native的0.62版本中合并为快速刷新,如果你使用的是以下版本,那么这两个(热重新加载和实时重新加载)将可用。
关于快速刷新和热重新加载,您可以探索这个问题的更多信息 react-native中热重载和快速刷新的区别
1. 热重载
热重载只是根据新的代码更改显示代码更改 无需重新启动应用程序从开始和它的影响仅对 更改的代码或更改将只应用于特定的组件。
注意:热重载将不起作用,有时如果你在你的 导航。
2. 生活重新加载
有时我们可能需要Live Reload来测试我们的代码,比如导航 在这种情况下,实时重载很有帮助,因此它将在代码发生更改时重新加载整个应用程序。
其他回答
热重新加载:热重新加载仅用于刷新代码发生更改的文件 Live Reload: Live Reload用于刷新整个应用程序。
Hot Reload:
热重新加载仅用于刷新代码发生更改的文件
Live Reload:
Live Reload用于刷新它不关心的整个应用程序 更改哪个文件。
两者的区别是,实时重新加载会重新加载你的整个应用。它会说,文件改变了,重载整个应用,热重载不会重载整个应用。它只会修补被改变的代码并将状态保存在你的应用中。
在React Native中,
热重载:
它提供功能,你更新你的应用程序的代码而不丢失 应用程序的状态或手动刷新应用程序。这是实现 通过将新代码注入正在运行的应用程序,而不是替换 整个应用程序。
如何热重装工作?
当你在代码中进行更改时,React Native Packager将检测到更改并将更新后的代码发送到正在运行的应用程序。应用程序将随后将更改应用到适当的组件&允许你在不丢失当前状态的情况下查看应用程序中的更改。
重载:
每当你对代码进行更改时,该操作都会刷新整个应用程序。这涉及到用更新的代码替换整个应用程序,这意味着应用程序将需要重新启动,现有的状态将被重置。
Live Reloading如何工作?
当你在代码中做出更改时,React Native Packager将用更新后的代码替换现有的代码到正在运行的应用程序中。应用程序将重置应用程序的当前状态。
热重新加载通常更快,更方便,但实时重新加载在某些情况下可能是有用的。
当文件发生变化时,实时重新加载或刷新整个应用程序。例如,如果你在导航中有四个链接,并保存了一个更改,实时重新加载将重新启动应用程序,并将应用程序加载回初始路由。
热重新加载只会刷新已更改的文件,而不会丢失应用程序的状态。例如,如果你在导航中有四个链接,并保存了对某些样式的更改,状态不会改变,但新的样式将出现在页面上,而无需导航回当前页面,因为你仍然在同一页面上。
推荐文章
- 如何在Typescript中解析JSON字符串
- Javascript reduce()在对象
- 在angularJS中& vs @和=的区别是什么
- 错误"Uncaught SyntaxError:意外的标记与JSON.parse"
- JavaScript中的querySelector和querySelectorAll vs getElementsByClassName和getElementById
- 给一个数字加上st, nd, rd和th(序数)后缀
- 如何以编程方式触发引导模式?
- setTimeout带引号和不带括号的区别
- 在JS的Chrome CPU配置文件中,'self'和'total'之间的差异
- 用javascript检查输入字符串中是否包含数字
- 如何使用JavaScript分割逗号分隔字符串?
- 在Javascript中~~(“双波浪号”)做什么?
- 谷歌chrome扩展::console.log()从后台页面?
- 未捕获的SyntaxError:
- [].slice的解释。调用javascript?