获取所有产品 woocommerce rest api react native

Question

我正在尝试在我的 React 本机应用程序中构建搜索功能以搜索我的 woocommerce 产品（大约 1000 个产品）

这是我的代码

componentDidMount() {
let p=1;
    
    while (p<11)
    {console.log(p)
    WooCommerce.get("products",{per_page:100,page:p})
    .then((response) => {
      p++;
      allprod = allProd.concat(response)

    }
    

    )
    .catch((error) => {
      console.log(error.response);
    });
  }

我收到这个错误 ExceptionsManager.js:173 警告：请报告：挂起的回调数量过多：501。一些挂起的回调可能因从未从本机代码调用而泄露：{"1623":{"module":"NativeAnimatedModule"," method":"startAnimatingNode"},"1865":{"module":"Networking","method":"sendRequest"},"1872":{"module":"Networking","method":"sendRequest" },"1879":{"module":"Networking","method":"sendRequest"},"1886":{"module":"Networking","method":"sendRequest"},"1893":

有人知道我做错了什么吗？？非常感谢您的帮助

Answer 1

为什么要获取 componentDidMount() 上的所有数据？如果是这样，为什么不在一次调用中简单地获取所有内容 (per_page:1000)？

这里发生的是你的 while 会运行一遍又一遍。 WooCommerce.get 是异步的，所以它不会等到你增加 p。如果您仍然想保留这样的东西，您可以尝试在 for 中更改它。

获取所有产品 woocommerce rest api react native

Get all products woocommerce rest api react native

reactjs

react-native

woocommerce

wordpress-rest-api

woocommerce-rest-api