How to get data from div field in React?

Question

React

Hello everyone, there is a component, you need to click on the line with data (window_items) to get data from all internal blocks in order to work with them later, for example, delete

function FirstWindowItems({item}) {
    function handleClick(element){
        // e.preventDefault();
        console.log(element);
      }




    return(
        <div className = "window__items" onClick = {handleClick(element)}>
            {/* <div className = "window__item window__name">{item.id}</div> */}
            <div className = "window__item window__name">{item.FIO}</div>
            <div className = "window__item window__name">{item.position}</div>
            <div className = "window__item window__name">{item.birthDay}</div>
            <div className = "window__item window__name">
                {
                    item.sex ?
                        "М" : "Ж"                    
                }            
            </div>
            <div className = "window__item window__name">{
            item.fired ?
                "Уволен":"Работает"
            }
            </div>            
        </div>
    )
}

Answer 1

A counter question: how did the data you need get to where you are going to "receive" it from? You don't need to do anything, everything is already there - work inside the handleClick with the item object.