Getting the right attributes of dynamic elements in React?

Question

React

Hello.
Please share your experience, who uses it how:
suppose something like this is performed in the render:

{items.map((item, key) => (
             <div key={key} className="blaba-class" onClick={(e)=>alert(e.target.key)}>
             //...
))}

The alert will throw undefined , which is basically expected. The question is, is it possible to somehow bind the values ​​\u200b\u200bthat I need to the object without transferring them to the date attributes of the block?

Answer 1

You can put everything in a separate component. It is possible in the data-* attribute.