Same key but different axios raw data for pagination

[skywalkerlw]

My problem:

My pagination is based on HTTP raw POST data rather than the key (url). Since the key is the same, the pagination does not work well.

My approach

const url = BASE_URL + APIPath.productList + `?xx=${pageIndex}`;

However, i don't think it's the good solution

My question:

What's the best way to do?

export const useProductList = (pageIndex) => {
  const url = BASE_URL + APIPath.productList ;
  const params = {
    h5UrlPrefix: "007",
    pageSize: 5,
    startIndex: pageIndex,
    status: "SELL",
    _type: "PC",
  };

  const fetcher = () =>
    axios({
      method: "post",
      url: url,
      data: params,
    }).then((res) => {
      return res.data;
    });

  console.log("pageIndex = ", pageIndex);

  const { data, error } = useSWR(url, fetcher);

  return {
    items: data?.data?.list,
  };
};

[shuding]

You can put the params as part of the key, too:

useSWR([url, params], fetcher)