在不使用绑定的Clicker处理程序上，此方法

Question

有没有一种方法可以更改以下内容，以便不使用.bind(this, ..。很多时候，我通常只做this.onClickTabItem，但是我猜想在传递参数时不能这样做吗？ （不是100％知道为什么会这样）

理想情况下，我想要类似this.handleClick(index)

handleClick= (index) => {
  this.setState({ active: index })
}

return (
  ...
  onClick={this.handleClick.bind(this,index)}
  ...
)

下面是我的渲染方式

getContent() {
  const { ... } = this.props;

return (
  <Styled1>
    {tabs.map((tab, index) => {
      return (
        <Styled2
           ...
           ...
           onClick={this.handleClick.bind(this,index)}
         >
           ...
         </Styled2>
       )
     })}
  </Styled1>
 );
}

render() {
  return (
    {this.getContent(()}
);

}