将函数绑定到组件React es6[duplicate]的不同方法是什么

Question

我有一个类似于示例中的组件

class ItemBox extends Component {

  constructor(props){
    super(props);
    this.someFn = this.someFn.bind(this);
  }

  someFn(){
    console.log(this)
  }

  render(){
    return (
      <div onClick={this.someFn}>bla<div/>
    )
  }
};

我想问-是否有某种不同的解决方案将函数绑定到组件，除了像我在构造函数中使用的（从留档中读取）。因为我可以有100个函数，我要传递给子组件或在这个组件中使用等等。

Answer 1

我通常这样做：

class SomeComponent extends Component {
    _handleClick = () => {
         console.log(this)
    }
    render() {
        return (
            <div onClick={this._handleClick}>bla</div>
        )
    } 
}

Answer 2

你可以这样做。。。

class ItemBox extends Component {

  someFn = ()=>{
    console.log(this)
  }
  constructor(props){
    super(props);
  }

  render(){
    return (
      <div onClick={this.someFn}>bla<div/>
    )
  }
};