单个资源共享ReactJS组件

Question

我正在使用TypeScript。

我一直在努力弄清楚如何使用模块系统创建单个对象以在多个ReactJS组件之间共享。我已经遵循了三个不同的教程但没有得到一个工作用例。我怀疑TypeScript可能会弄乱代码示例。

• http://www.adam-bien.com/roller/abien/entry/singleton_pattern_in_es6_and
• https://www.sitepoint.com/javascript-design-patterns-singleton/
• https://k94n.com/es6-modules-single-instance-pattern

基本上我想在ReactJS组件之间共享通用功能，我希望通过导入模块来访问该功能，然后以某种方式访问​​同一个对象，而不管哪个文件正在访问模块。

＆＃39;背景＆＃39; ReactJS的功能似乎是这样做的一种方式，但React自己明确不赞成。