React获取当前点击元素的属性值（标签上绑定值）

最新推荐文章于 2022-07-13 17:24:21 发布

hyupeng1006

最新推荐文章于 2022-07-13 17:24:21 发布

阅读量2.9k

点赞数

分类专栏： React 文章标签： react.js

本文链接：https://blog.csdn.net/hyupeng1006/article/details/120671244

版权

React 专栏收录该内容

30 篇文章 3 订阅

订阅专栏

这篇博客探讨了如何在JavaScript中处理DOM元素，特别是使用`onClick`事件监听器来获取`data-name`属性的值。示例代码展示了如何通过`event.currentTarget.getAttribute()`方法从点击的`li`元素中提取`data-name`属性，从而实现对'山东'这样的地区选择功能。

摘要由CSDN通过智能技术生成

<li className="proviceLi" data-name="山东" onClick={(e)=>this.selectProvice(e)}>山东</li>

selectProvice=(e)=>{
  console.log(e.currentTarget.getAttribute("data-name"))
}