【问题标题】:How can a react app be rendered in different non react webpages?如何在不同的非反应网页中呈现反应应用程序?
【发布时间】:2019-06-27 23:55:49
【问题描述】:

我有一个不包含 redux 的 react 应用程序。 react 应用程序只有一个以模式打开的小聊天框窗口。我想在一些非反应网站中呈现这个反应应用程序,其中一些使用普通的 js,一些使用 jQuery。怎么办?

我的应用程序正在使用 webpack 和 babel。我没有使用 redux。

【问题讨论】:

    标签: reactjs


    【解决方案1】:

    是的。这就是 Webpack 和 babel 的重点。它将您的反应代码捆绑到 javascript 中。

    【讨论】:

    • 感谢您的回复。我对反应还很陌生。您能否告知如何从非反应网站启动反应应用程序?
    • 目标是创建您的 javascript 包。无论您使用什么 javascript 库/框架,您都可以使用 webpack/babel 将其编译为浏览器可读的 javascript。然后该页面需要使用该捆绑包。该包中的代码将作为纯 javascript 执行。
    • 如何在这两个实例之间来回发送数据?
    • 一种方法是将数据嵌入到母页面中,比如 Json,然后让 react 应用程序抓取它。不过不推荐。
    【解决方案2】:

    是的,包括 React 的脚本,然后是你的捆绑脚本,它会起作用,有关更多信息,请查看官方指南: https://reactjs.org/docs/add-react-to-a-website.html#step-2-add-the-script-tags

    还记得添加你的 React 应用程序用来挂载的 HTML 根元素。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2018-02-01
      • 1970-01-01
      • 2020-09-13
      • 2017-11-17
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多