Reactjs 在非React网站中集成React模式

Reactjs 在非React网站中集成React模式,reactjs,Reactjs,所以我试图在react中构建一个模式,并将其集成到一个非react网站中。我知道我可能需要将应用程序导出为UMD,并将其作为嵌入脚本包含到主机网站中 但是我如何与主机网站中的模式交互,即单击按钮时打开模式,单击模式中的按钮时关闭模式。解决方案 现在还不清楚你想做什么,在现有网站的某个地方有没有反应? 你们可以把你们的应用程序渲染成一个div,让它在那个里直播 const element = <h1>Hello, world</h1>; ReactDOM.render(el

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


但是我如何与主机网站中的模式交互,即单击按钮时打开模式,单击模式中的按钮时关闭模式。

解决方案

现在还不清楚你想做什么,在现有网站的某个地方有没有反应? 你们可以把你们的应用程序渲染成一个div,让它在那个里直播

const element = <h1>Hello, world</h1>;
ReactDOM.render(element, document.getElementById('root'));
const元素=你好,世界;
render(元素,document.getElementById('root');
即使您打算这样做,vue可能更适合

备选方案

  • React对于这样一个vue非常适合的用例来说有点过分了
  • 否则,我建议切换整个web应用程序以做出反应。这取决于目前使用的技术,可能不会太难
我知道react可以安装到主机网站的div中。我的问题是如何让应用程序响应主机网站内的点击。糟糕,我现在看到了这个问题。如果使用ES6类,您可以在组件方法中使用
static
关键字,使它们在ES6类之外可用,然后从应用程序中的其他地方调用组件处理程序。