小编Pen*_*nny的帖子

我们正在尝试向onChange我们的自定义组件之一添加处理程序 - 即Checkbox组件（它是自定义组件的唯一原因是我们可以有效地封装intermediateHTML 属性）。它看起来像这样：

<Checkbox
  id="select-all"
  onChange={this.handleSelectAllChange(ids)}
  indeterminate={isIndeterminate}
  checked={areVisibleItemsSelected}
  disabled={isDisabled}
/>

处理函数的结构有点像这样：

handleSelectAllChange(ids) {
  // omitted code that filters on ids and produces newIds

  this.props.updateIds(newIds);
}

哪里this.props.updateIds是修改父组件状态的传递函数。

问题是这个函数在页面加载期间被调用了大约 10 次，这不是故意的。我以为只有在修改实际复选框元素时才调用它？