将GA事件添加到可重用的React组件

Question

使用可重用组件构建反应网页。现在问题在于添加GA事件，因为GA事件主要是页面特定事件，反应组件是可重用的。什么是应用GA事件的最佳方式？

例如：假设Card组件非常可重用，我已在Home Page中使用它。 GA事件将与('Home Page','Card Click','Card No')类似。但是，如果我在其他地方重用Card组件，请说User Page，主页的GA事件将被调用，而这是错误的。相反，应该调用用户页面事件。我该如何解决这个问题？

我能想到的一种方法是在页面特定的JS中单独添加click事件侦听器并调用事件。但这会导致多个点击处理程序（假设卡也有点击事件）。对此更好的建议吗？

Answer 1

为什么不通过via head传递上下文，然后你的点击处理程序看起来像这样：

props

这通常是如何在React中处理上下文。