React Js отправляет данные массива в api

Я новичок. Как отправить данные массива с помощью rest api. Данные этой формы зацикливаются из базы данных.

У меня есть такой код (Createreport.js):

  render() {
  const { data } = this.state;
  return (
       <form onSubmit = {this.reportUpdate} method = "post">
          <Input type = "text"
                 onChange = {this.handleInputChange} 
                 value = {this.state.namaCustomer} 
                 name = "namaCustomer" />

          {data.map((item, index) => (
          <Col xs = "12" sm = "4" key = {item.product_id}>
             <Label htmlFor = "text-input">Quantity :</Label>
             <Input type = "number" id = "text-input" onChange = {this.handleQtyChange.bind(this, index)} value = {this.state.qty['']} name = {`qty[]${index}.qty`} placeholder = "Quantity" />
             <Input type = "number" onChange = {this.handleProdChange.bind(this, index)} defaultValue = {item.product_id} name = {`product_id[]${index}.product_id`} />

              <Label htmlFor = "text-input">Notes :</Label>
              <Input type = "textarea" onChange = {this.handleNoteChange.bind(this, index)} value = {this.state.note['']} name = {`note[]${index}.note`} rows = "4"
                             placeholder = "Content..." />
          </Col>
          ))}

          <Col xs = "12">
            <Input 
                  type = "submit" onClick = {this.reportUpdate} value = "Submit"/>
          </Col>
    );
  }
}

export default Createreport;