How to do it right in React?

Question

JavaScript

Hello!!

class Test extends React.Component
{
  construcrot(props)
  {
    super(props);
    this.handleClick = (value) => this.handleClick.bind(this, value)
  }
  
  handleClick(object) {
    
  }
  
  render() {
    const objectTest = {
      id: 1,
      name: 'Test-1'
    }
  };
  }
    return (
      <div>
        <input type="button" onClick={this.handleClick(objectTest)}>
      </div>
    );
  }
}

How to bind a method correctly if you need to pass an argument to it?
Did I implement correctly?

Answer 1

So:

return (
    <input type="button" onClick={ this.handleClick.bind(this, objectTest) } />
);

Here is an example:
https://jsfiddle.net/t3z1Lz83/1/

Answer 2

This should be enough.
this.handleClick = this.handleClick.bind(this)

Answer 3

It would be easier to do it like this:

class Test extends React.Component
{ 
  handleClick = object => {
    
  }
  
  render() {
    const objectTest = {
      id: 1,
      name: 'Test-1'
    }
  };
  }
    return (
      <div>
        <input type="button" onClick={this.handleClick(objectTest)}>
      </div>
    );
  }
}