Question

我正在构建反应组件。

索引.html看起来像：

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

Index.js看起来像这样：

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

现在，我在sharepoint上有一个内容编辑器webpart，我引用了这个index.html文件。

接下来，我想添加另一个引用相同html文件的内容编辑器，但只有一个显示数据。

问题是我想导出Sharepoint webpart中捆绑的反应组件，以便我可以在同一页面上多次使用它。但是为了使它成为dom，如何获得webpart的唯一ID？

Answer 1

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

在react应用程序的index.js文件中创建一个函数。然后，在window对象中添加此函数。

现在，此功能将在SharePoint webpart的ascx控件中可用。使用参数调用此函数，其中一个参数将是SharePoint Webpart客户端ID。

在index.js函数中，添加render方法以呈现从函数参数接收的此id中的react组件。

希望这会有所帮助。