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>