Javascript 如何获取在组件内部单击的子元素?

Javascript 如何获取在组件内部单击的子元素?,javascript,reactjs,Javascript,Reactjs,我有一个组件正在加载第三部分脚本,该脚本以html格式加载 我试图检测何时单击注入的html元素的特定部分 基本上: <div> <a></a> // detect that this linked was clicked. </div> //检测是否已单击此链接。 我所拥有的: <Container onClick={(event) => { event.stopPropagation(

我有一个组件正在加载第三部分脚本,该脚本以html格式加载

我试图检测何时单击注入的html元素的特定部分

基本上:

<div>
<a></a> // detect that this linked was clicked. 
</div>

//检测是否已单击此链接。
我所拥有的:

<Container onClick={(event) => {
                    event.stopPropagation();
                    const element = event.currentTarget as HTMLElement;
                    console.log('EVENT IS', element.ClassName)
}>
 // Injected thirdparty html
</Container>
{
event.stopPropagation();
常量元素=event.currentTarget作为HTMLElement;
console.log('EVENT IS',element.ClassName)
}>
//注入第三方html
我得到的基本上是容器类名,但我想要单击元素的源


如何执行此操作?

事件。currentTarget是附加事件的目标。使用event.target获取事件的开始位置


如果我理解正确,您希望获取
a
元素,而不是
a
标记中的
Container
组件?a标记位于Container组件内部。标签是通过第三方库加载的。当我点击这个标签时,我想得到它的类名