时间戳

首页 > 解决方案 > react-native 中热重载和快速刷新的区别

reactjs - react-native 中热重载和快速刷新的区别

问题描述

在用于反映代码更改的react-native 0.61之前的版本中，我们有两种选择。

  1. 实时重新加载（检测到某些更改时重新加载应用程序）
  2. 热重载（反映更改而不重新加载）

但是在0.61版本中，删除了这两个（Live Reload，Hot Reload），引入了一个名为Fast Refresh的新开发功能，它也与Hot Reload类似，所以现在的问题是Fast Refresh和Hot Reload 之间的根本区别是什么.

标签： reactjsreact-nativereact-native-androidreact-native-ios

解决方案

“热重载”功能被破坏。对于功能组件，它不能可靠地工作，经常无法更新屏幕，并且对错别字和错误没有弹性。他们听说大多数人都把它关掉了，因为它太不可靠了。

在 React Native 0.61 中，他们将现有的“实时重新加载”（保存时重新加载）和“热重新加载”功能统一为一个名为“快速刷新”的新功能。快速刷新是根据以下原则从头开始实现的：

  • Fast Refresh 完全支持现代 React，包括函数组件和 Hooks。
  • 快速刷新在拼写错误和其他错误后优雅地恢复，并在需要时回退到完全重新加载。
  • 快速刷新不执行侵入性代码转换，因此它足够可靠，可以默认开启。

从官方文档中阅读更多内容

推荐阅读