进行API调用以动态创建react中的复选框

Question

我正在尝试在我的应用程序中动态创建复选框。 我的API调用返回以下响应：

"attendee_types": [
    {
        "checked": false,
        "attendee_type": "seller"
    },
    {
        "checked": false,
        "attendee_type": "buyer"
    }
]

使用此数据我正在创建一个州属性复选框。 在返回时，我收到错误：对象无效作为React子对象（找到：带有键{object，attendee_type}的对象），因为我的复选框是一个对象。

渲染复选框的方法：

renderCheckboxes() {
    const {checkboxes} = this.state;

    return _.map(checkboxes, (checkbox,index) => {
      return (
        <label key = {checkbox.attendee_type} className="col-sm-6">
          <input
              type="checkbox"
              name="attendee_type"
              className=""
              changed={checkbox.checked}
              onChange={this.toggleCheckbox.bind(this, index)}
          />
          {checkbox}
        </label>
      );
      })
    }

渲染方法：

return (
        <form onSubmit={handleSubmit(this.onSubmit.bind(this))}>
              <div className="attendee-type">
                {this.renderCheckboxes()}
              </div>
        </form>
  )

任何线索？

先谢谢， 论坛