传递参数以使用自动绑定 :: 运算符对函数做出反应

Question

使用自动绑定 :: 语法时如何将参数传递给 React 函数？

<span onClick={this.handleClick.bind(this, 'hi')} />

如果我想在没有参数的函数中使用自动绑定::，我将其更改如下：

<span onClick={this.handleClick.bind(this)} />

<span onClick={::this.handleClick} />

Answer 1

如果您使用的是 babel，您可以将 stage-1 添加到您的 .babelrc：

{
  "presets": ["es2015", "stage-1", "react"]
  // the rest of your config
}

然后在您的组件中，您可以创建这样的方法：

onUpload = () => { ... }

将自动绑定 :D

Pass params to react function with autobinding :: operator