React组件元素绑定属性

Zhencode

于 2019-11-11 00:05:23 发布

阅读量1.1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： react

本文链接：https://blog.youkuaiyun.com/Zhencode/article/details/103003978

react 专栏收录该内容

4 篇文章

订阅专栏

本文介绍如何在自定义元素上绑定属性，通过添加data-前缀实现，并演示了如何在监听函数中获取这些属性的值，使用e.target.getAttribute方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

元素绑定属性需要为自定义属性添加前缀data-xxx，
如<Button type="danger" data-index={index} onClick={this.delToDo}>删除</Button>
绑定监听函数时使用 e.target即可获取对应属性上的值
delToDo=(e)=>{
		const action={
			type:'DEL_TODO',
			value:e.target.getAttribute('data-index')
		}
		store.dispatch(action)
		// console.log(e.target.getAttribute('data-index'))
	}