Reactjs 如何将react组件用作web组件，只需一个javascript标记调用

我正在使用mapbox开发一个react应用程序，它从JSON文件中获取数据，并将数据添加到应用程序中。。我已经成功构建了应用程序。但我现在想要的是，我希望能够将react应用程序用作web组件。在某种程度上，它将在网站和web应用程序中可用。

这样想：

React应用程序是U-HALL卡车，它将所有内容从Web服务器（后端）传送到浏览器（前端）

现在，您说希望所有内容都包装在一个（本机）Web组件中：

这是可以做到的，但作为开发人员，您必须开发所有的依赖项

它从完全理解React是什么和做什么开始，这样您就可以包装所有的它的行为

与其他框架（Angular、Vue、Svelte）不同，React没有“Make-it-a-Web-Component”选项，
因为React及其虚拟DOM是一个完全不同（相当过时）的野兽，不符合现代Web标准。（今天[Dec2020]React仅在自定义元素无处不在测试中得分71%）

请参阅：
作为开发人员，您必须解决的问题，因为React不会为您解决

有人说，与现代JavaScript技术、框架、Web组件库（如Lit和Stencil或Svelte）相比，React更像：

这样想：

React应用程序是U-HALL卡车，它将所有内容从Web服务器（后端）传送到浏览器（前端）

现在，您说希望所有内容都包装在一个（本机）Web组件中：

这是可以做到的，但作为开发人员，您必须开发所有的依赖项

它从完全理解React是什么和做什么开始，这样您就可以包装所有的它的行为

与其他框架（Angular、Vue、Svelte）不同，React没有“Make-it-a-Web-Component”选项，
因为React及其虚拟DOM是一个完全不同（相当过时）的野兽，不符合现代Web标准。（今天[Dec2020]React仅在自定义元素无处不在测试中得分71%）

请参阅：
作为开发人员，您必须解决的问题，因为React不会为您解决

有人说，与现代JavaScript技术、框架、Web组件库（如Lit和Stencil或Svelte）相比，React更像：

---

---

你的意思是要制作另一个

App.js

应用程序可以使用的组件吗？不，我的意思是我想把这个应用程序变成一个web组件。那就是我希望它是一个网络组件，而不仅仅是一个普通的react应用程序。哦，我不确定。好吧，非常感谢你的时间。为什么？您想对Web组件做什么？您现在不能做什么？没有单一的答案。你的意思是制作另一个

App.js

应用程序可以使用的组件吗？不，我的意思是我想把这个应用程序变成一个web组件。那就是我希望它是一个网络组件，而不仅仅是一个普通的react应用程序。哦，我不确定。好吧，非常感谢你的时间。为什么？您想对Web组件做什么？您现在不能做什么？没有单一的答案。嗯，我明白了。。我想我应该在使用react之前更好地考虑这一点。不管怎样，因为它是可行的，就像你说的，我必须开发所有依赖项。是的，在你已经膨胀的react捆绑包大小中添加越来越多的内容。我将如何开发依赖项。。我会调整它，使其工作..确定3个用户故事，复杂，中等和简单，并尝试这些。尝试一下，目标是能够规划整个项目。但在此之前；你为什么要这个？没有第三方会购买这样的软件解决方案。。除非你有很好的销售人员。嗯，我明白了。。我想我应该在使用react之前更好地考虑这一点。不管怎样，因为它是可行的，就像你说的，我必须开发所有依赖项。是的，在你已经膨胀的react捆绑包大小中添加越来越多的内容。我将如何开发依赖项。。我会调整它，使其工作..确定3个用户故事，复杂，中等和简单，并尝试这些。尝试一下，目标是能够规划整个项目。但在此之前；你为什么要这个？没有第三方会购买这样的软件解决方案。。除非你有优秀的销售人员。