Question

通过AJAX从现有React应用程序中的外部服务加载/插入和运行React组件相关的最佳实践是什么。

我有一个主要的React应用程序，并希望通过AJAX加载各种React组件（来自外部服务）。怎么可以这样做？

这可行吗？如果不是这样的话呢？

这可以与webpack一起使用吗？

Answer 1

考虑使用@thejameskyle这个库https://github.com/thejameskyle/react-loadable它充当你的反应组件的延迟加载器，包括远程的

Answer 2

您可以使用：https://github.com/faceyspacey/react-universal-component并将组件代码加载为字符串（如果您正在讨论通过＆＃34; ajax＆＃34检索它，我认为您正在做的事情。 ;），评估它，并将其作为承诺从asyncComponent函数返回，或将其传递给传递给函数的回调。它就像React Loadable，但不需要严格使用异步导入。检查文档。

Answer 3

微型应用程序非常适合该领域。这个概念是将您的组件捆绑为一个独立的捆绑包，然后根据需要从URL将其加载到您的应用程序中。您可以采用几种方法来完成此任务。有一个higher-order component为您执行此操作。所需要做的就是导入hoc，然后将其传递给json配置，该配置可标识您要延迟加载到应用中的微型应用。

<MicroApp
       config={{
         View: {
           Name: 'redbox-demo',
           Scope: 'beekeeper',
           Version: 'latest'
         }
       }}
     />

使用上述配置会将此movie browsing微型应用直接加载到您的主机应用中。

您可以在此处找到有关其工作原理和源代码的更多信息。

https://github.com/Schalltech/honeycomb-marketplace

如何通过AJAX从React应用程序内部的外部服务加载反应组件

3 个答案: