Npm paypal 按钮：createOrder 不是函数答案

【问题标题】：Npm paypal button: createOrder is not a functionNpm paypal 按钮：createOrder 不是函数
【发布时间】：2021-10-01 21:40:40
【问题描述】：

从昨天开始，我一直在使用组件 Paypal button v2 没有问题，突然在我的代码中更改了一个简单的不相关行后，我遇到了问题。撤消我所做的更改后，我仍然收到以下错误：

Error: createOrder is not a function
render/createOrderFn<
src/index.tsx:191

 188 | const createOrderFn =
 189 |     amount && !createOrder
 190 |         ? (data: any, actions: any) => this.createOrder(data, actions)
> 191 |         : (data: any, actions: any) => createOrder(data, actions);
     | ^  192 | 
 193 | return (
 194 |     <Button

我的程序或 createOrderFn 组件中没有任何 createOrder 函数，所以我不知道错误是什么意思。

有没有人经历过类似的事情？

这是我如何渲染 paypal 组件的：

return (
        <div
            style={{
                position: 'absolute', left: '50%', top: '15%',
                transform: 'translate(-50%, -15%)'
            }}
        >
            <PayPalButton
                amount={state.total}
                // shippingPreference="NO_SHIPPING" // default is "GET_FROM_FILE"
                onSuccess={(details, data) => {
                  alert("Transaction succesful.")
                  state.user.cart.linesItems = [];
                  state.user.cart.subtotal = 0;
                  console.log(JSON.stringify(state.user));
                  saveUserCart(state.user);
                }}
                options={{
                    clientId: "sb"
                }}
            />
        </div>
    );
}

【问题讨论】：

标签： reactjs paypal

【解决方案1】：

如果此时amount 出于某种原因未定义/为假，则该函数调用也可能会触发。您应该添加日志记录以确定到底发生了什么。

无论如何，看起来您正在使用非官方的反应模块；请尝试使用新的@paypal/react-paypal-js。

【讨论】：