如何将 onclick 添加到 React 中的社交嵌入

Question

我正在使用 npm 库

react-social-media-embed

.

render: (url) => (
      <EmbedContainer>
        <TwitterEmbed width={"100%"} url={url} />
      </EmbedContainer>
    ),

我正在像上面一样进行嵌入实现。我有一个不同社交嵌入的对象，这就是为什么我使用渲染属性来调用它

我想做的是每当用户单击嵌入时运行一个函数以跟踪点击等。

我尝试向父容器添加 onclick，使用嵌入顶部的覆盖 div，直接修改库的源代码，但没有任何效果。有什么想法吗？

Answer 1

useEffect(() => {
    const handler = (e) => {     
        // check if e.target is embed container
    }
    
    document.addEventListener("click", handler);

    return () => {
        document.removeEventListener("click", handler)
    }
}, [])

将点击事件监听器添加到文档中