【问题标题】:What is React Hot Loader? [closed]什么是 React 热加载器? [关闭]
【发布时间】:2017-06-23 23:28:50
【问题描述】:

我在我的几个项目上用react都是很好通过的,不过是最后一次看到有react-hot-reload

  1. 什么是 react-hot-loader?
  2. 它有什么用?
  3. Webpack 中的热模块替换和 React Hot Loader 的区别?
  4. 它将为工作流程带来什么优势?
  5. 背后的工作原理

谁能给我解释一下 :)

【问题讨论】:

  • From the documentation: "React Hot Loader 是一个 Webpack 插件,允许在编辑 React 组件时即时实时刷新而不会丢失状态。"
  • 你知道它背后的工作原理吗?

标签: javascript reactjs react-hot-loader


【解决方案1】:

React Hot Loader 是一个 React 库,用于编辑您的代码并在运行的应用程序中自动反映该更改,同时保持组件的安装状态,这意味着您无需刷新浏览器,也不会丢失当前状态.这非常方便,因为您不必在每次更改代码时逐步测试应用中的特定状态。

您的工作流程会更快、更简单、更舒适。

这是一个现场演示:http://gaearon.github.io/react-hot-loader/

编辑: React Hot Loader 现已弃用,请使用React Fast Refresh

【讨论】:

  • 例如,如果我更改了一个进行异步调用的组件,react-hot-reload 会在不重新加载的情况下进行调用,否则我必须刷新才能进行调用
  • @HajjiTarik 这取决于你在哪里进行调用,如果它在 componentDidMount 内,它不应该再次调用,因为库保持组件挂载。例如,如果它是从渲染函数内部调用的,您应该能够再次进行该调用而无需重新加载。
  • @KelvinDeMoya,react-hot-reloading 是开发环境吗?
猜你喜欢
  • 1970-01-01
  • 2019-09-19
  • 1970-01-01
  • 1970-01-01
  • 2015-11-21
  • 1970-01-01
  • 1970-01-01
  • 2015-07-31
  • 2020-03-23
相关资源
最近更新 更多