在React应用程序中使用Axios将数据传递到端点

时间:2019-08-01 21:13:56

标签: spring reactjs axios

我想使用Axios将列表传递给端点 反应应用程序。目前,我无法达到目标。 我得到的就是这个

error: "Bad Request"
message: "Required List parameter 'invoiceIds' is not present"

如何成功传递此列表?

这是我打算传递给端点的列表

    const mylist =["22277601","44123940"];  

这是端点的代码

    @GetMapping({"customers/{customerId}/invoices/products"})
    public Page<starter> getProductsForInvoices(
            @PathVariable(required = false) Long customerId,
            @RequestParam List<Long> invoiceIds,
            Pageable pageInfo) {

        result = ...

        return result;
    }

这是Axios呼叫

     AXIOS.get(`${API}/customers/123/invoices/products`, null, { params: {
        mylist

      }})
      .then(response => response.status)
      .catch(err => console.warn(err));

1 个答案:

答案 0 :(得分:0)

首先,为什么要使用get?不能完全确定您的用例,但是使用帖子更适合吗?

第二件事,将params作为第二个参数传递。您有null,应该在其中传递带有params对象的对象。换句话说,只要将最后一个翻转为传入的参数即可。

还命名您的关键发票,然后将该值作为您的列表。