如何在 React JS Axios 中将请求有效负载作为可选的 api 调用发送

如何解决如何在 React JS Axios 中将请求有效负载作为可选的 api 调用发送

我正在尝试在 React JS 中使用 Axios 调用 API。有时我会有一个产品 ID，有时我会没有一个产品 ID。目前，由于产品 ID，我正在复制代码。

This is API which is in common.js

fetchProducts: (payload) => put(`/products`,payload),products.js

      if (productID) {
                        common.fetchProducts({
                            selectedItems: checkedItems,productID: productID,})
                            .then((resp) => {
                                console.log("Success",resp);
                            })
                            .catch((err) => {
                                   console.log("Failure",err);
                            });
                    } else {
                        common.fetchProducts({
                            selectedItems: checkedItems,err);
                            });
                    }

和 products.js 组件由于这个可选参数，我有更多的 API 调用，我复制了很多代码。如何简化此 API 调用？

解决方法

您可以使用 conditional operator 来减少代码：

common.fetchProducts(
  productID
    ? {
        selectedItems: checkedItems,productID: productID,}
    : { selectedItems: checkedItems }
);