Javascript 如何访问我们通过<;发送的console.log中的prop;a>;当我们点击它时标记?

Javascript 如何访问我们通过<;发送的console.log中的prop;a>;当我们点击它时标记?,javascript,html,reactjs,console.log,Javascript,Html,Reactjs,Console.log,我的代码如下: <a eventkey={0} onClick={ (event) => console.log(event.target)} href="#"> {i} </a> 在console.log中,我希望看到eventkey值,如0。 但我会拿到整个标签 如何仅获取eventkey值?试试看 <a eventkey={0} onClick={ (event) => console.log(event.target.value)}

我的代码如下:

<a eventkey={0} onClick={ (event) => console.log(event.target)} href="#">
    {i}
</a>

console.log
中,我希望看到
eventkey
值,如0。 但我会拿到整个标签

如何仅获取
eventkey
值?

试试看

<a eventkey={0} onClick={ (event) => console.log(event.target.value)} href="#"> {i} </a>    

您需要这个来访问自定义道具

event.target.attributes.getNamedItem("eventkey").value

使用内联事件侦听器(
onClick
)被广泛认为是一种不好的做法,这就是我重写代码以使用
adddEventListener
的原因。还请注意,
eventkey
a
标记上的非法属性名称。改为使用
数据事件键
,这允许您使用
元素.dataset.eventkey
读取它:

const eventkeyLinks=Array.from(document.querySelectorAll('[data eventkey]');
eventkeyLinks.forEach((link)=>
link.addEventListener('click',(事件)=>{
log(link.dataset.eventkey);
})
);


需要更多的引号。@Nikhil Patil,刚刚给你发了一个答案。让我知道这是否对您有帮助:)在将eventkey添加为道具并记录该变量之前,将其存储为变量怎么样?不,先生,它返回标记如果我们有这样的尊重列表,先生!以前从未见过如何成为像你这样优秀的前端开发人员?继续学习和工作在前端,你最终会到达那里:d这个问题是关于
React
,在哪里使用
onClick
监听器。哇,这真是
getAttribute('eventkey')
的详细版本。