在SharePoint WebPart中使用相同的React组件

Question

我正在构建一个反应组件。

index .html看起来像：

<div id="**app1**"></div>

index.js看起来像这样：

render(
  <App/>,
  document.getElementById('**app1**')
);

现在，我在SharePoint上有一个内容编辑器webpart，我参考了此index.html文件。

接下来，我想添加另一个参考同一HTML文件的内容编辑器，但是只有一个显示数据。

问题是我要导出在SharePoint WebPart中捆绑的React组件，以便可以在同一页面上多次使用它。但是为了将其渲染到DOM，如何获取WebPart的唯一ID？

Answer 1

我想我找到了一个解决方案。在这里分享。

在您的index.js文件中创建一个函数。然后，在窗口对象中添加此功能。

现在，此功能将在SharePoint WebPart的ASCX控制中可用。使用参数调用此功能，其中参数之一将是SharePoint WebPart客户端ID。

在index.js函数中，添加渲染方法以在此ID中从函数参数接收到的React组件。

希望这对他人有帮助。