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

Posted 2023-03-07

【中文标题】如何在 Svelte App 内渲染 React App 或在 React App 内渲染 Svelte App？

【英文标题】：How to Rendering React App inside Svelte App or Rendering Svelte App inside React 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 上

【问题讨论】：

您已经问过这个问题或多或少相同***.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?的可能重复

【参考方案1】：

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

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

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

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