首页 > 解决方案 > 在非 React 网站中集成 React Modal

问题描述

所以我正在尝试构建一个反应模式并将其集成到一个非反应网站中。我了解我可能需要将应用程序导出为 UMD 并将其作为嵌入脚本包含到主机网站中。

但是我如何与主机网站内的模态交互,即在单击一个按钮时打开一个模态,当在模态内单击一个按钮时关闭模态。

标签: reactjs

解决方案


解决方案

目前尚不清楚您要做什么,仅在现有网站的某个地方做出反应?你可以将你的 react 应用程序渲染成一个 div 并让它在那里。

const element = <h1>Hello, world</h1>;
ReactDOM.render(element, document.getElementById('root'));

即使您打算这样做,vue 也可能更适合。

选择

  • 对于这样的用例,React 有点矫枉过正,而 vue 非常适合它。
  • 否则,我建议切换整个网络应用程序以做出反应。根据目前使用的技术,它可能不会太难!

推荐阅读