react和webpack 2中的模块化第三方小部件

Question

我正在尝试开发其他网站可以使用的第三方窗口小部件。我已经使用 react / webpack2 构建了一个Web应用程序，但它可以作为一个实际的网站。

我正在努力实现它作为一个小部件工作。我的目标是通过在主要小部件元素中设置一个参数来将不同的模块加载到不同的页面中，如下所示：

• 第1页： <my-widget module="module1" additional-param="param">
• 第2页： <my-widget module="module2" additional-param="param">

任何示例或最佳实践都将受到赞赏。

Answer 1

IMO，您可以通过

实现这一目标

<My-widget children={ ({ param }) => (<Module1 { ...param } /> } />

使用儿童作为道具将像<My-Widget><Module1 /><My-Widget>

一样工作