介绍
bound-subject-decorator 是一个可以轻松绑定 React 组件中的方法 this 上下文的 decorator。使用 bound-subject-decorator，您可以通过反射自动将您的方法绑定到组件实例的 this 上下文中。
安装
您可以通过 npm 包管理工具将 bound-subject-decorator 安装到您的项目中：
npm install bound-subject-decorator
或者，如果您使用的是 yarn 包管理工具，您可以运行以下命令：
yarn add bound-subject-decorator
使用
在您的组件中，引入 bound-subject-decorator 包并使用 @boundSubject 装饰器修饰您的方法：
-- -------------------- ---- -------
------ ------ - --------- - ---- --------
------ - ------------ - ---- --------------------------
----- ---------------- ------- --------- -
------------------ -
-------------
---------- - -
------ -
-
-
-------------
------------- -
----------------------- -- --
------ --------------- - -
----
-
-------- -
------ -
-----
--------- ----------------------
------- ---------------------------------------------
------
--
-
-在以上示例代码中，我们使用 @boundSubject 装饰器来修饰 handleClick 方法，这样 handleClick 方法中的 this 就会指向 ExampleComponent 实例对象。
深入使用
当您需要对多个方法进行绑定上下文操作时，您可以将 boundSubject 装饰器应用到多个目标方法中。
-- -------------------- ---- -------
------ ------ - --------- - ---- --------
------ - ------------ - ---- --------------------------
----- ---------------- ------- --------- -
------------------ -
-------------
---------- - -
------- --
------- -
-
-
-------------
-------------- -
----------------------- -- --
------- ---------------- - -
----
-
-------------
-------------- -
----------------------- -- --
------- ---------------- - -
----
-
-------- -
------ -
-----
-------- -- -----------------------
------- ------------------------------------- ----------
-------- -- -----------------------
------- ------------------------------------- ----------
------
--
-
-总结
bound-subject-decorator 可以大大简化您在编写 React 组件时需要处理函数绑定上下文的代码。我们可以快速使用 @boundSubject 装饰器来自动将方法绑定到组件实例对象的 this 上下文中。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066c84ccdc64669dde4e58