Reactjs 添加仅为一个DOM节点的尝试反应组件

我希望将分析添加到我的JupyterLab扩展中。如果您从未听说过JupyterLab扩展，则无需担心—这是考虑它的最佳方式：我可以控制DOM中的单个节点，在其中放置一些HTML，因此我将执行以下操作：

function Welcome(props) {return <h1>Hello</h1>;}
ReactDOM.render(<Welcome/>, dom_element_i_control)

函数欢迎（道具）{return Hello；}
render（，dom\u元素\u i\u控件）

这一切都很好-我现在正在寻找添加一些分析代码到这个。例如，我希望能够：

查看何时呈现我的代码

查看某人何时与我的呈现元素交互（例如，当用户单击欢迎功能中的按钮时）

但是，segment是一个JS库，它以脚本的形式提供，您可以将脚本加载到页面顶部的字符串标记中，如：

<script>
  !function(){var analytics=window.analytics=window.analytics||[];if(!analytics.initialize)if(analytics.invoked)window.console&&console.error&&...}}();
</script>

!function（）{var analytics=window.analytics=window.analytics | |[]；if（！analytics.initialize）if（analytics.invoked）window.console&&console.error&&…}（）；

我应该把这个代码放在哪里？我无法控制更大的页面+HTML，因此我不确定在哪里可以使用它，以便开始使用分析

谢谢你提供的任何信息

我的解决方法：

我没有使用上面链接的segment脚本，而是使用segment中的

analytics节点

包

我在ReactDOM.render之前创建了一个

Analytics

对象，然后可以在任何地方使用它：）

请注意，这显然不适用于任何使用添加阻止程序的人

我的解决方法：

我没有使用上面链接的segment脚本，而是使用segment中的

analytics节点

包

我在ReactDOM.render之前创建了一个

Analytics

对象，然后可以在任何地方使用它：）

请注意，这显然不适用于任何使用添加阻止程序的人