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 位置都可以与此处相关。