PayPal 按钮的水平布局

Question

我想按照文档中的描述水平排列PayPal和信用卡按钮。当我垂直堆叠它们时，两个按钮都显示得很好。但是，信用按钮不会在水平布局中显示...

<PayPalButtons 
    style={{
    layout: 'horizontal',
    color:  'silver',
    shape:  'pill',
    label:  'pay',
    tagline: false,
    height: 30}} 
    createOrder={(data, actions) => 
                 {return onCreate(data, actions);}}
    onCancel={() => onCancel()}
    onError={(err) => onError()}
    onApprove={(data, actions) => onSuccess(data, actions)}
/>

我错过了什么吗？

Answer 1

编辑：简短的答案是黑色的“借记卡或信用卡”按钮，具体来说，在水平布局中不支持，因为它会垂直扩展。仅垂直布局或独立按钮支持。

---

水平布局中最多显示 2 个按钮。是否显示第二个按钮以及显示哪个按钮取决于具体情况。

您的代码导致：

..在测试中，但是如果您在不同的情况下看到其他内容，您需要明确您在问题中看到的其他内容，并包含您正在测试的内容的完整细节。特别是所有 PayPal

<script>

或 React

<PayPalScriptProvider>

查询/运行时参数、浏览器/用户代理和地理 IP 位置都可以在这里相关。

Answer 2

这里有同样的症状。看起来像是来自以下位置的错误：https://www.npmjs.com/package/@paypal/react-paypal-js ?