getFoodTemplate(subscriptionDuration:any, menuId:any) {
    const request = createAxiosInstance(this.token);
    runInAction(() => (this.loading.getFoodTemplate = true));

    request`enter code here`
      .get(
        `${BaseDirectories.API_BASE_URL}/api/v1/food-subscription-templates/all-food-subscription-templates?subscriptionDuration=${subscriptionDuration}&menuId=${menuId}`,
      )
      .then((res) => {
        runInAction(() => (this.loading.getFoodTemplate = false));
        this.setFoodTemplate(res.data.data);
      })
      .catch((error) => {
        runInAction(() => (this.loading.getFoodTemplate = false));
        return ErrorHandler(error);
      });
}

字符串
因此，我有这样一段代码，其中我将subscriptionDuration和menuId作为查询参数传递给端点

const [subscriptionDuration, setSubscriptionDuration] = useState('Weekly');

型
然后我在这里保存subscriptionDuration：

useEffect(() => {
    console.log('subscriptionDuration', subscriptionDuration)
    subscriptionStore?.getFoodTemplate(subscriptionDuration, menu);
    kitchenStore?.getKitchen();
    menuStore?.getMenu();
    kitchenId && foodStore?.getFood(kitchenId);
  }, [subscriptionStore, subscriptionDuration, menu, kitchenStore, foodStore, kitchenId]);

型
因此，我像上面那样调用API，在我的浏览器devtool中的网络选项卡中，调用返回两次，其中一次调用将subscriptionDuration显示为“Weekly”，而另一次将其显示为“undefined”，如下所示：

的数据

的
因此，由于调用显示为undefined，我用于呈现屏幕的响应显示为null。查看我的useEffect，您将看到我试图在控制台中检查subscriptionDuration的值，它在控制台中返回“weekly”和“undefined”，这两个值都在同一行代码中。我希望得到任何形式的帮助。