pass id through on click react.js

Question

Below is my partial code but my question is very simple, how can I get says data-id=\"1\" to my function when user clicked on the li?

render(){
         


        

Answer 1

Mayid is correct that it is not good to declare or bind functions in render method if the function is passed into other component as a props.

Unfortunately currentTarget didn't work for me.

I have used getAttribute function of event.target. This doesn't cause unnecessary rerenders.

class App extends React.Component {
  handleClick = (event) => {    
    console.log(event.target.getAttribute('index'))
  }

  render() {
    return (
         
        Click me
      
    );
  }
}