Javascript React-直接访问或将数据对象分配给FieldArray的字段组件

我在使用FieldArray时遇到了一些概念问题，我有多个连接到FieldArray的Select组件，每个Select组件都应该在更改时更新值，并应该通过api删除它。为了能够执行api请求，我需要访问id等字段的其他详细信息。我已经设置了如下所示的组件，它可以在没有api调用的情况下正常工作

renderAdditionalSpeakers({fields}){
    return (<div>
      {
        fields.map((speaker,index)=>
          <Field
            name={`${speaker}.speakerid`}
            label="Choose Speaker"
            type="select"
            component={this.renderSelectWithDelete}
            mandatory='false'
            placeholder='Select Speaker'
            opts={this.props.speakers}
            key={`KEY-${index}`}
            deleteaction={() => fields.remove(index)}
            onChange={this.onSpeakerChange.bind(this)}
        />
      )
    }
    <div className="form-group row">
      <div className="col-sm-3">&nbsp;</div>
      <div className="col-sm-9 col-sm-offset-0">
        <Button className="button-theme button-theme-blue" type="button" onClick={() => fields.push({})}>Link More Speaker</Button>
      </div>
    </div>
    </div>);
  }

如何实现

---

谢谢您的帮助。

您可以将更多参数传递给字段数组，并在渲染方法中使用它们，如

<FieldArray name="additionalspeakers" component={this.renderAdditionalSpeakers.bind(this)} props={{ onDeleteAction: this.ondeleteaction, onChange: this.onChange }} />

并在组件中使用函数回调

{
   "id":"1",
   "speakerid":"23",
   "sessionid":"102",
   "eventid":"200"
}

<FieldArray name="additionalspeakers" component={this.renderAdditionalSpeakers.bind(this)} props={{ onDeleteAction: this.ondeleteaction, onChange: this.onChange }} />

renderAdditionalSpeakers({fields, onDeleteAction, onChange}) {