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>