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')
的详细版本。