How to make a function execute only on click in setState?

Question

React

hello i have this code

this.setState({
  Products:  products.map((product, index) => {
    return(
      <div className="catalog-item" onClick="console.log('click)" key={index} data-id={product._id}>
        <div className="catalog-item__top">
          <h4>{product.name}</h4>
        </div>
      </div>
      )
  })
})

The problem is that onClick is executed immediately when rendering (the function is not available further)
How to make it not be executed when rendering, but only when clicking on an object
Thank you

Answer 1

First, all this is good in render.
Second, onClick={() => yourHandler(yourArgs)}. But apparently you are working with a class component, so yourHandlermake it a class method.