概述
react-inject-props-decorator 是一个 react 包，可以通过装饰器（Decorator）方式对组件属性进行注入，使用起来方便快捷，尤其适用于 HOC（Higher Order Component）模式。
安装
npm install react-inject-props-decorator
使用
在需要注入属性的组件中使用 injectProps 装饰器即可，以下是一个示例代码：
-- -------------------- ---- -------
------ ----- ---- --------
------ - ----------- - ---- -------------------------------
----- ----------- ------- --------------- -
-------- -
----- - ----- --- - - -----------
------ -
-----
-------- ----------
------- ---------
------
--
-
-
----- ------------- - -
----- -------
---- ---
--
------ ------- ----------------------------------------上述代码中，我们在 MyComponent 组件上使用了 injectProps 装饰器，传入了我们需要注入的属性对象。使用 injectedProps 对象注入了 name 和 age 属性，渲染出来的组件会显示 Name: John 和 Age: 25。
HOC 模式
react-inject-props-decorator 很适合在 HOC 模式中使用，以下是一个示例代码：
-- -------------------- ---- -------
------ ----- ---- --------
------ - ----------- - ---- -------------------------------
-------- ---------------------- -
----- ------- - -
-------- ------
-------- --------------------------
--
------ --------------------------------
-
----- ----------- ------- --------------- -
-------- -
----- - -------- ------- - - -----------
------ -
-----
----------- -------------
------- ---- -------------
------
--
-
-
------ ------- -------------------------上述代码中，我们定义了一个 HOC withConfigs，它会注入 version 和 baseURL 属性到被包裹组件中，这里被包裹的组件是 MyComponent。
指导意义
使用 react-inject-props-decorator 可以更加方便地对组件属性进行注入，提高了组件扩展性和复用性，尤其适用于 HOC 模式下的组件，同时使用装饰器方式对代码的可读性与可维护性有所提高。在开发过程中，我们应该灵活运用这个工具，以提高代码质量和开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055e8381e8991b448dbdfe