知道如何将样式道具传递给@paypal/paypal-js PayPalButtons 组件吗？

Question

我在 React 应用程序中使用来自 npm 的@paypal/paypal-js 来集成支付，知道如何在这个库提供的按钮组件中传递样式道具吗？

// Style logic form paypal devoloper
paypal.Buttons({
  style: {
    layout:  'vertical',
    color:   'blue',
    shape:   'rect',
    label:   'paypal'
  }
}).render('#paypal-button-container');

// module
import React from 'react';
import {  PayPalButtons } from '@paypal/react-paypal-js';

interface Props {}

export const PaypalCheckoutButtons: React.FC<Props> = ({}) => {
  return <PayPalButtons />;
};

Answer 1

the documentation中有一些示例。对于您的情况：

    <PayPalButtons
        style={{
            layout:  'vertical',
            color:   'blue',
            shape:   'rect',
            label:   'paypal'
        }}
    />

知道如何将样式道具传递给@paypal/paypal-js PayPalButtons 组件吗？

any idea how to pass down style props in to @paypal/paypal-js PayPalButtons component?

paypal

reactjs