React Components - 扩展，自定义和重用

Question

我们正在开发React Components作为产品开发的一部分。

现在我们希望其他团队可以重用这些组件并为不同的客户开发一些东西。

例如

我们开发了一个UserInfo组件，发布在NPM存储库中，其他团队可以将它用于不同的客户端。 我们完成了所有基本的事情，比如NPM发布，然后开发人员可以在package.json中指出新组件并且可以有效地使用它。

但是我在组件架构中面临的问题是如何设计组件，以便其他开发人员可以轻松定制这些组件。

像开发人员可以要求不同的视图，一些额外的方法，或覆盖现有的方法。

我的方法 - 我觉得可以做更多改进

方法＃1 我们编写了Web包插件，以便在构建期间用新创建的文件替换现有文件 问题 - 完全替换，因此我们无法重用或扩展现有文件

方法＃2 - 尝试使用ES6 Extend 这里的问题是我们正在扩展JS Call not＆＃34; React.Component＆＃34;所以观察到一些不需要的方法和功能行为。

自定义内部组件也存在问题，您可以从图像中可视化内部组件。即如何扩展/自定义图像组件，地址组件等。

我正在努力寻找自过去两个月以来的最佳解决方案，希望得到社区的一些帮助。