如何在 Svelte App 内渲染 React App 或在 React App 内渲染 Svelte App？答案

【问题标题】：How to Rendering React App inside Svelte App or Rendering Svelte App inside React App?如何在 Svelte App 内渲染 React App 或在 React App 内渲染 Svelte App？
【发布时间】：2019-12-09 18:11:23
【问题描述】：

如何在 React 应用中使用 svelte 文件

我尝试将 SvelteComponent 导入 ReactJS 应用程序。

import SvelteComponent from 'react-svelte-component';
import First from './First.svelte';
<SvelteComponent this={First} value={this.state.value}/>

Svelte 组件应该反映在 Web 上

【问题讨论】：

您已经问过这个问题或多或少相同stackoverflow.com/questions/57283544/… 请编辑该问题并使其更准确。 Svelte 的创建者有一个 repo，用于在 React 中使用 svelte。尝试从它开始并显示您使用过的代码github.com/Rich-Harris/react-svelte
How to merge ReactJS project svelte? Or How to insert .svelte file into ReactJs project?的可能重复

标签： reactjs svelte

【解决方案1】：

您只需要以某种方式呈现.js 的来源，并使用#id 或.class 呈现html，以标识应在何处呈现另一个应用程序。

然后，您可以将 svelte 和 react 应用程序保存在一个存储库或不同的存储库中。您所需要的只是呈现指向另一个应用程序 .js 文件的有效链接。

您甚至可以： * 在 Angular 应用程序中渲染反应 * 在 Svelte 或 React 或 Angular 应用程序中使用 jquery

实际上，您可能会遇到 css 样式重叠的问题。真的很痛苦。但是您可以使用这些提示来最小化 CSS 问题。 https://github.com/bsurai/building-web-embedded-apps

【讨论】：