React获取点击按钮的ID

库斯托

我有 5 个可点击的链接,每个链接都有唯一的 ID。我正在尝试获取被点击的链接的 ID。我尝试了两种方法,但都不能如我所愿。

内部渲染我有:

this.state.data.map((dynamicData, key) =>
  <a href={"/#/template"} id={dynamicData.id} onClick={() => this.reply_click(this.id)}>{dynamicData.name}</a>
  <a href={"/#/addTeams"}><button type="button" class="btn-lisa">Edit</button></a>

返回未定义的基本方法。我究竟做错了什么?:

reply_click(clicked_id) {
  console.log(clicked_id);
}
萨曼尼姆

使用箭头函数将维护this来自外部的上下文,这不是this您想要的。您可以尝试改用常规函数 ( function () { }),但我不确定是否this会是您想要的。

但是,您绝对可以使用e.target.id来获得您想要的东西:

onClick={e => this.reply_click(e.target.id)}

也就是说,您真的应该避免在事物内部创建函数,因为它会产生严重的性能问题。最好创建一个函数并将其传入:

// somewhere above
const handleClick = e => this.reply_click(e.target.id);

// attribute
onClick={handleClick}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

获取点击按钮的ID

来自分类Dev

获取点击按钮的ID

来自分类Dev

获取点击的按钮的ID的JavaScript

来自分类Dev

获取点击的图像按钮的ID

来自分类Dev

按顺序查找并获取 2 个点击按钮的 id

来自分类Dev

点击按钮获取IllegalStateException

来自分类Dev

React Native:每点击 10 次按钮获取数据

来自分类Dev

获取被点击元素的ID

来自分类Dev

获取点击行的ID

来自分类Dev

获取被点击的 <li> 的 ID

来自分类Dev

无法获取点击按钮的索引

来自分类Dev

点击获取父元素的ID

来自分类Dev

点击功能无法获取ID

来自分类Dev

获取被点击的锚标签的ID

来自分类Dev

获取我点击的产品的ID

来自分类Dev

点击按钮时获取用户位置

来自分类Dev

获取没有画布的按钮点击事件

来自分类Dev

点击获得React ID值

来自分类Dev

点击获得React ID值

来自分类Dev

动态获取按钮ID

来自分类Dev

获取弹出按钮的ID

来自分类Dev

点击时返回按钮ID-JavaScript

来自分类Dev

如何让硒点击没有id的按钮?

来自分类Dev

基于按钮点击的动态页面变化 - React

来自分类Dev

我想在删除按钮被点击后获取 id,我无法在其他页面中发送它的值,php

来自分类Dev

如何获得一个按钮的ID在点击的按钮?

来自分类Dev

jQuery获取最新点击的属性ID

来自分类Dev

使用jQuery获取点击元素的ID

来自分类Dev

获取点击链接的ID并更改其类别