javascript - 如何获取当前item的id？

Question

我正在编辑一个包含一些信息的项目，编辑该项目后，我需要通过 post 请求将新信息发送到数据库。

我正在处理的对象名为dealer，该经销商有一个id，查看代码

if (this.props.dealerData) {
  let dealerProps = this.props.dealerData.dealersData;
  dealerInfo = dealerProps.map((dealer) => {

    return (<div>
          <Card>

            <CardHeader title={dealer.NickName}
                        subtitle={dealer.DealerId} //DEALER ID HERE
                        avatar={dealer.DealerName}/>

              <Button onClick={this._updateDealer} />

          </Card>
        </div>
      );
  })
}

这是我使用此函数发送到数据库的数据

  _updateDealer = () => {
    UpdateDealerActions.updateDealer({
      DealerId   : // HERE I NEED TO SEND THE DEALER ID,
      DealerName : this.refs.DealerNameEdit.getValue(),
      NickName   : this.refs.NickNameEdit.getValue(),
    });
  }

让我解释一下:您在这里使用 dealerInfo 呈现该项目集合，大约有 30 个项目/经销商。 DealerId 不可编辑，它只是您需要发送到数据库才能知道您正在编辑哪个经销商的信息。

那么，在我的函数_updateDealer()中，哪种是捕获 DealerId 的最佳方法？

编辑

这是我使用 refs 编辑的代码部分

<Checkbox value="Active" ref="Active" defaultChecked={true}/>
<TextField ref="DealerNameEdit" value={this.state.toEdit.DealerName} onChange={this._handleUpdateChange.bind(this, 'DealerName')} />
<TextField ref="CardIdEdit" value={this.state.toEdit.CardId} onChange={this._handleUpdateChange.bind(this, 'CardId')} />
<TextField ref="NickNameEdit" value={this.state.toEdit.NickName} onChange={this._handleUpdateChange.bind(this, 'NickName')} />
<TextField ref="LegalIdEdit" value={this.state.toEdit.LegalId} onChange={this._handleUpdateChange.bind(this, 'LegalId')} />
<TextField ref="TypeIdEdit" value={this.state.toEdit.TypeId} onChange={this._handleUpdateChange.bind(this, 'TypeId')} />

Answer 1

您可以将 id 绑定(bind)到点击处理程序。

     <Button onClick={this._updateDealer.bind(this, dealer.DealerId)} />

然后在你的处理程序中

_updateDealer = (DealerId) => {
    UpdateDealerActions.updateDealer({
    DealerId   : DealerId,
    DealerName : this.refs.DealerNameEdit.getValue(),
    NickName   : this.refs.NickNameEdit.getValue(),
  });
}

另一个解决方案应该是:

<TextField ref="DealerIdEdit" value={this.state.toEdit.DealerId} />

以及_updateDealer()

DealerId   : this.refs.DealerIdEdit.getValue()