Question

我已经构建了一个模块化的Web应用程序：用户安装核心应用程序，并将插件模块（这是文件的批处理）存储到文件夹中，核心模块自动发现它并添加菜单和组件。

实际上，它是php / jquery / bootstrap，我想用Reactjs（用于前端）重写它。不幸的是，我找不到如何使用Reactjs保存这个模块化系统。我需要什么：

核心将显示该页面并要求该页面的某个部分插件核心（如表格的一行）中的组件将显示
带有小部件的仪表板，我需要一些小部件，插件核心的组件可以显示面板，该面板是由插件构建，但是插件可以使用核心中的一些JS
安装插件后，我无法重建Reactjs应用，唯一的方法是分别构建react核心应用程序和react插件应用程序，然后安装后，包括应用程序的内置版本

我正在搜索，但找不到这种用法的示例，您能帮我吗？

提前感谢您的时间/帮助

Answer 1

在标准的react-build堆栈中没有干净的方法可以做到这一点。您可以为用户React做的事情可以避免构建流程。这可能会带来性能问题，而且该过程并不简单，因为React Community生态系统基于构建Webpack流程。

// [...]

<script type="text/babel" charset="utf-8">
  // "Import" the components from Reactstrap
  // This can be also an array of components stored in an external file
  const {Button} = Reactstrap;

  // Render a Reactstrap Button element onto root
  ReactDOM.render(
    <Button color="danger">Hello, world!</Button>,
    document.getElementById('root')
  );
</script>

// [...]

参考：https://shinglyu.github.io/web/2018/02/08/minimal-react-js-without-a-build-step-updated.html

Reactjs从内置应用程序调用组件/函数

1 个答案: