React :从同一个文件调用异步方法

Question

我试图调用存在于同一个文件中的removeCouponCode方法，但是执行说它没有定义，我不确定这里缺少什么。有什么想法吗？下面是我正在编辑的文件&试图进行更改。不知道缺了什么。

请看一看，让我知道缺少了什么

import React, { useState, useEffect, useMemo } from 'react';
import SessionContext from 'react-storefront/session/SessionContext';
import PropTypes from 'prop-types';
import fetch from 'react-storefront/fetch';
import get from 'lodash/get';
import { EventTracking, AnalyticsErrors } from '../analytics/Events';
import Cookies from 'js-cookie';
import constants from '../constants/configs';
import errorHandler from '../constants/apiHelpers/errorHandler';
import Helper from '../constants/helper';
import configs from '../constants/configs';
const { session, actions } = useContext(SessionContext);
const initialState = {
  signedIn: false,
  cart: {
    items: [],
    shipping_methods: [],
    shippingCountry: null,
    shippingMethodCode: null,
    freeShipingMethod: null,
    freeShippingSelected: false
  },
  customer: {
    store_credit: {},
    wishlist: { items_count: 0, items: [] },
    offline: true
  },
  errMsg: ''
};
const initialStatusState = {
  cartLoadingStatus: false,
  setShippingMethodStatus: false
};

    async redemptionCode({ couponCode, ...otherParams }) {
          let tempSession = { ...session };
          const response = await fetch('/api/cart/redemptionCode', {
            method: 'post',
            headers: {
              'Content-Type': 'application/json'
            },
            body: JSON.stringify({ couponCode, ...otherParams })
          });

          const result = await response.json();

          if (response.ok) {
            if(get(result, 'cart.prices.discounts', {}) === null){
              removeCouponCode(...otherParams); //says undefined removeCouponCode here
            }
            
          }
        },
        async removeCouponCode({ ...otherParams }) {
          let tempSession = { ...session };
          const response = await fetch('/api/cart/removeCouponCode', {
            method: 'post',
            headers: {
              'Content-Type': 'application/json'
            },
            body: JSON.stringify({ ...otherParams })
          });
        },

Answer 1

您没有引用您的函数，也没有引用您的函数，或者您可以按如下方式修改代码，将其声明为一个函数，

async function removeCouponCode({ ...otherParams }) {
    let tempSession = { ...session };
    const response = await fetch('/api/cart/removeCouponCode', {
        method: 'post',
        headers: {
            'Content-Type': 'application/json'
        },
        body: JSON.stringify({ ...otherParams })
    });
}

async function redemptionCode({ couponCode, ...otherParams }) {
    let tempSession = { ...session };
    const response = await fetch('/api/cart/redemptionCode', {
        method: 'post',
        headers: {
            'Content-Type': 'application/json'
        },
        body: JSON.stringify({ couponCode, ...otherParams })
    });

    const result = await response.json();

    if (response.ok) {
        if(get(result, 'cart.prices.discounts', {}) === null){
            await removeCouponCode(...otherParams);
        }

    }
}

Answer 2

您没有将它们声明为function。所以你可以用这种方式来定义它们

async function redemptionCode({ couponCode, ...otherParams }) {
          let tempSession = { ...session };
          const response = await fetch('/api/cart/redemptionCode', {
            method: 'post',
            headers: {
              'Content-Type': 'application/json'
            },
            body: JSON.stringify({ couponCode, ...otherParams })
          });

          const result = await response.json();

          if (response.ok) {
            if(get(result, 'cart.prices.discounts', {}) === null){
              removeCouponCode(...otherParams); //says undefined removeCouponCode here
            }
            
          }
        },
        async function removeCouponCode({ ...otherParams }) {
          let tempSession = { ...session };
          const response = await fetch('/api/cart/removeCouponCode', {
            method: 'post',
            headers: {
              'Content-Type': 'application/json'
            },
            body: JSON.stringify({ ...otherParams })
          });
        },

或者是这边

const redemptionCode = async ({ couponCode, ...otherParams }) => {
          let tempSession = { ...session };
          const response = await fetch('/api/cart/redemptionCode', {
            method: 'post',
            headers: {
              'Content-Type': 'application/json'
            },
            body: JSON.stringify({ couponCode, ...otherParams })
          });

          const result = await response.json();

          if (response.ok) {
            if(get(result, 'cart.prices.discounts', {}) === null){
              removeCouponCode(...otherParams); //says undefined removeCouponCode here
            }
            
          }
        },
        const removeCouponCode = async ({ ...otherParams }) => {
          let tempSession = { ...session };
          const response = await fetch('/api/cart/removeCouponCode', {
            method: 'post',
            headers: {
              'Content-Type': 'application/json'
            },
            body: JSON.stringify({ ...otherParams })
          });
        },

两样都能用！

Answer 3

似乎您在调用它之后定义了这个函数。我认为您应该首先定义它，然后调用it..and，您可以使用箭头函数。