Question

我有两个看起来像这样的函数：

  primaryImageLoaded () {
    this.setState({primaryImageLoaded: true})
  }

  secondaryImageLoaded () {
    this.setState({ secondaryImageLoaded: true })
  }

他们被这样称呼（使用反应）：

onLoad={this.secondaryImageLoaded.bind(this)

这感觉过度，我想只有一个函数并将状态变量作为参数传递，但是如何将另一个参数传递给.bind？是否可以在我传递给setState的对象中使用变量作为键？

Answer 1

您可以将其他参数传递给将在调用函数时传递的绑定：

this.secondaryImageLoaded.bind(this, arg1, arg2)

如果您使用ECMAScript 2015及更高版本，则可以使用variable as a key将其包装在方括号中：

this.setState({
    [myVar]: value
});

所以你可以把它改写成更像：

function imageLoaded(which) {
    this.setState({
        [which]: true
    });
}

onLoad={this.imageLoaded.bind(this, 'secondary')}

传递其他参数来绑定？

1 个答案: