如何设置react-stripe-checkout表单的样式？

Question

我想知道如何向react-stripe-checkout表单组件添加自定义样式。 （例如：更改背景颜色等）

https://www.npmjs.com/package/react-stripe-checkout

Answer 1

这是一个示例。我相信这很清楚。我在这里使用物化CSS，但是您可以根据需要对其进行样式设置。

import StripeCheckout from "react-stripe-checkout";

class Payments extends Component {
  render() {
    return (
      <div>
        <StripeCheckout
          name="survey"
          description="survey credits"
          amount={500}
          token={token => this.props.handleToken(token)}
          stripeKey={process.env.REACT_APP_STRIPE_KEY}
        >
          <button className="btn">Add Credits</button>
        </StripeCheckout>
      </div>
    );
  }
}