对使用参数传递函数作为prop的正确方法做出反应

Question

如果我尝试通过以下方式将具有参数作为参数的函数从Parent组件传递到Child组件：

handleClick={() => handleClick(tiposObjetivos.RENTA_TEMPORAL)}

Child组件将在每次重新渲染Parent时重新渲染，因为它将在每个渲染中创建函数。将函数作为带有参数的prop传递的更好方法是什么？

Answer 1

有两种方法可以传递功能作为道具

  <button onClick={(e) => this.deleteRow(id, e)}>Delete Row</button>
    <button onClick={this.deleteRow.bind(this, id)}>Delete Row</button>

以上两行是等效的，分别使用箭头函数和Function.prototype.bind。