Reactjs GTM无法在React应用程序中串接圆形结构(SVGSVGElement)
我正在尝试在React Web应用程序中实现Google tag manager,但由于Reactjs GTM无法在React应用程序中串接圆形结构(SVGSVGElement),reactjs,svg,material-ui,google-tag-manager,react-component,Reactjs,Svg,Material Ui,Google Tag Manager,React Component,我正在尝试在React Web应用程序中实现Google tag manager,但由于SVGSVGElement 我在我的组件中添加了一些自定义SVG图标,使用 import {ReactComponent as TrashIcon} from 'images/trashcan.svg'; 但是每当我点击这个图标时,GTM脚本就会抛出上面的错误,并且不会跟踪进一步的事件。 重写我嵌入到img标记中的每个图标是没有效率的,并且不是一种合适的方法,尤其是在默认MUI图标的情况下。现在的问题描述
SVGSVGElement
我在我的组件中添加了一些自定义SVG图标,使用
import {ReactComponent as TrashIcon} from 'images/trashcan.svg';
但是每当我点击这个图标时,GTM脚本就会抛出上面的错误,并且不会跟踪进一步的事件。
重写我嵌入到img标记中的每个图标是没有效率的,并且不是一种合适的方法,尤其是在默认MUI图标的情况下。现在的问题描述不够,基于错误,似乎您正在尝试串化一个循环对象,您的代码或描述中没有任何说明原因,你在哪里做的。您应该首先显示iconI am not STRINGING上附加的click处理程序,GTM库具有执行该操作的代码。GTM库跟踪每个单击事件并捕获被单击的元素,并在后台执行某些操作。我没有手动将任何单击事件与元素关联。此事件是否成功?我面临着完全相同的问题-SVG的div会导致GTM崩溃。目前还找不到任何解决方案。直到出现稳定的解决方案,我才用PNG替换SVG。至少它停止了GTM库的崩溃。