如何使用onClick React传递对象？

import React from 'react';

class MyComponent extends React.Component {
  handleClick = (obj) => {
    console.log(obj);
  }

  render() {
    const myObject = { key: 'value' };
    return (
      <button onClick={() => this.handleClick(myObject)}>Click me</button>
    );
  }
}

export default MyComponent;

import React from 'react';

class MyComponent extends React.Component {
  handleClick(obj) {
    console.log(obj);
  }

  render() {
    const myObject = { key: 'value' };
    return (
      <button onClick={this.handleClick.bind(this, myObject)}>Click me</button>
    );
  }
}

export default MyComponent;

import React from 'react';

class MyComponent extends React.Component {
  handleClick(event) {
    const obj = JSON.parse(event.currentTarget.dataset.obj);
    console.log(obj);
  }

  render() {
    const myObject = { key: 'value' };
    return (
      <button data-obj={JSON.stringify(myObject)} onClick={this.handleClick.bind(this)}>Click me</button>
    );
  }
}

export default MyComponent;