如何在reactjs中的另一个应用程序中创建可重用组件？

Question

我正在研究React，想知道如何创建创建私有组件以在其他项目中重用的最佳方法。

谢谢！

Answer 1

您可能正在寻找npm private package。然后，您可以通过npm install来安装软件包，并在任何需要的位置使用其中的组件。但是，这是npm的付费功能。

替代方法是使用npm代理注册表。例如Verdaccio允许这样的事情。与上一个解决方案类似，但是您必须自己配置注册表，并在所有项目中使用它，而不是默认的npm注册表。

如果您认为所有人都可以使用public npm package，也可以发布它。对于初学者来说，这可能是最简单的解决方案。

或者，我们在项目中使用的是Git submodules。您将共享组件放置在单独的Git存储库中。然后，在主项目中将其链接为子模块，就可以使用组件，就像它们是项目的一部分一样。如果您使用Git，这可能是最简单的选择。

最后，如果您将项目视为游乐场，则始终可以使用复制粘贴方法：）我不建议在任何商业项目中使用它，因为在许多地方维护代码很麻烦。