在 SharePoint Webpart 中使用相同的 React 组件答案

【问题标题】：Using same React component in a SharePoint webpart在 SharePoint Webpart 中使用相同的 React 组件
【发布时间】：2018-02-15 22:23:27
【问题描述】：

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

索引 .html 看起来像：

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

Index.js 看起来像这样：

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

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

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

问题是我想导出 Sharepoint webpart 中捆绑的 react 组件，以便我可以在同一页面上多次使用它。但是为了渲染到dom，如何获取webpart的唯一id呢？

【问题讨论】：

【解决方案1】：

我想我找到了解决办法。在这里分享。

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

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

在index.js函数中，添加render方法来渲染这个从函数参数接收到的id中的react组件。

希望这对其他人有所帮助。

【讨论】：