javascript - Stripe 无法使用 API (React.js) 检索订阅

Question

我无法使用 react 从条带中检索我的订阅对象我有以下异步函数，但是当我更改状态时它返回一个空值。

我觉得目前的问题是围绕 stripe.subscriptions.retrieve 承诺正在正确实施。

function ActiveSubscription(): JSX.Element | null {
  const [subscription, loading, error] = useFetch<AppSubscription>(
    'app_subscription',
    '?isActive==True'
  );

  const [subscriptionData, setSubscriptionData] = useState<any | null>(null);

  const subLoading = useEffectLoading(async () => {
    const stripe = require('stripe')(
      'SECRET_KEY'
    );
    const data = await stripe.subscriptions.retrieve('SUBSCRIPTION_ID');
    setSubscriptionData(data);
    console.log(subscriptionData);
  }, [subscription]);

  console.log(subscriptionData);
  if (loading || !subLoading) return <Loading />;
  if (subscription == null) return null;
  if (error) {
    return <h1>Unable to fetch subscription.</h1>;
  }

当前控制台日志输出 null。

提前谢谢你的帮助！

标签： javascriptreactjstypescriptstripe-payments