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绑定到点击处理程序。

     <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()

如何获取当前项目的ID？

1 个答案: