在上下文中从 function 获取数据

Question

我想返回来自 api 的数据。我的 function 在上下文中，我希望它返回数据而不是在我的组件中恢复它（而不是在上下文中）。 我的问题是组件中的 state（产品）没有更新。 这是我的代码。

我的 function 在上下文中

const getFilteredProducts = async (field,value,operator) => {

        try {
            dispatch({type: "IS_LOADING"})

            const response = await fetch(
                `http://localhost:1337/api/products?populate=*&filters[${field}][${operator}]=${value}`,
                {
                    method: "GET",
                    headers : {
                        'content-type' : 'application/json'
                    }
                })

            if (!response.ok) {
                console.log(response)
                throw new Error('Something went wrong!');
            }

            const data = await response.json();
            const readyData = [];

            for (const key in data.data){
                readyData.push({
                    id: key,
                    img: data.data[key].attributes.img,
                    name: data.data[key].attributes.name,
                    description: data.data[key].attributes.description,
                    featured: data.data[key].attributes.featured,
                    price: data.data[key].attributes.price,
                })
            }
            console.log(readyData)

            return readyData;

        }catch (error){
            alert(error)
        }
        dispatch({type: "IS_NOT_LOADING"})
    }

我在组件中的代码

import React, {Fragment, useContext, useEffect, useState} from "react";
import ProductList from "./ProductList";
import ProductContext from "../../store/product-context";
import Loading from "../Loading";

export default function FeaturedProducts() {
  const productCtx = useContext(ProductContext);
  const [products,setProducts] = useState([]);

  useEffect(() => {
    setProducts(productCtx.getFilteredProducts('featured',true,"$eq"));
  },[])

  console.log(products)
  return(
      <Fragment>
        {productCtx.isLoading ? <Loading/> : <ProductList products={products}/>}
      </Fragment>
  )
}