react项目中,一组.map循环渲染出来的数据,点击其中一个,能够获取点击的数据信息
时间: 2024-03-21 09:39:49 浏览: 53
Blog:前端基础,深度Vue,深度React,深度Webpack,数据结构与算法
可以在循环渲染的每一个元素上绑定一个点击事件,然后在事件处理函数中获取当前点击的数据信息。具体做法如下:
1. 在循环渲染的每个元素上绑定一个点击事件,可以使用onClick属性实现,例如:
```
{dataList.map((item) => (
<div key={item.id} onClick={() => handleClick(item)}>
{item.name}
</div>
))}
```
2. 在事件处理函数中获取当前点击的数据信息,例如:
```
const handleClick = (item) => {
console.log(item);
}
```
这样,当用户点击某个元素时,就会触发handleClick函数,并且将当前点击的数据信息作为参数传入,从而可以在函数中获取并处理这些信息。
阅读全文