前言：redux-form 提供了一个方便清爽的操作表单的库，但是在使用过程中，我们常常遇到热更新（Hot Reload）的问题，即在修改代码后无法热更新表单。而 redux-form-hotloaderfix 包就是解决这个问题的。
一、安装
在项目中使用 npm 安装：
npm install redux-form-hotloaderfix
二、使用
1.在 redux-form 表单定义组件中引入 redux-form-hotloaderfix 包
-- -------------------- ---- -------
------ - --------- - ---- ------------
------ ------------ ---- -------------------------
-- -------------- ------- -- ------------------
----- ------ - -----------
----- --------- -- ------ ----- ---
--------- -------- --------- -- -
-- ---
-
-------------------
------ ------- --------------------2.在使用表单的地方引入该组件
import MyForm from './MyForm'
export default () => (
<div>
<MyForm />
</div>
)3.修改组件后，通过热更新让表单保持更新
在使用热更新时，通过应用 hot 函数，搭配 reload 方法载入组件的新版本。
-- -------------------- ---- -------
------ - --- - ---- -----------------------
------ ------ ---- ----------
----- --- - -- -- -
------ -
-----
------- --
------
-
-
------ ------- -------- -- -- --- --------三、示例代码
-- -------------------- ---- -------
-- ---------
------ ----- ---- -------
------ - ------ --------- - ---- ------------
------ ------------ ---- -------------------------
----- ------ - ------- -- -
----- - ------------ - - -----
------ -
----- ------------------------
-------
----- ----
------ ---------------- ----------------- ----------- --
--------
-------
---- ----
------ --------------- ----------------- ----------- --
--------
------- -----------------------------
-------
-
-
----- ----------- - -----------
----- ---------
--------- -------- --------- -- -
------------------- -- ------
-
----------
------ ------- --------------------------- -------------------- ---- -------
-- ------
------ ----- ---- -------
------ - --- - ---- -----------------------
------ ------ ---- ----------
----- --- - -- -- -
------ -
-----
------- --
------
-
-
------ ------- --------四、总结
通过 redux-form-hotloaderfix 包，我们可以解决在使用 redux-form 库时热更新的问题。该包提供方便的补丁，让表单组件能够正常更新。在使用时只需要简单引入即可，推荐使用该包应对开发中遇到的 redux-form 热更新问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005590281e8991b448d64f7