exploring alternatives to .bind

no-bind.js

class FooBar {
  
  // EXAMPLE 1
  handleClick = (event) => {
    console.log(event.target.dataset.id)
  }
  
  // EXAMPLE 2
  // handleClick = (data) => () => {
  //   console.log(data)
  // }
  
  // EXAMPLE 3
  // handleClick = (data) => {
  //   console.log(data)
  // }
  
  render () {
    return [1, 2, 3].map((item) => {
      return (
        <div
          // EXAMPLE 1
          data-id={item}
          onClick={this.handleClick}
          
          // EXAMPLE 2
          // onClick={this.handleClick(item)}
          
          // EXAMPLE 3
          // onClick={this.handleClick.bind(this, item)}
          
          // EXAMPLE 4
          // onClick={(item) => this.handleClick(item)}
        />
      )
    })
  }
}