Reactjs 如何设置签出窗体的样式？

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

---

下面是一个例子。我相信这是很清楚的。我在这里使用物化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>
    );
  }
}

从“react stripe checkout”导入StripeCheckout；
类别付款扩展组件{
render（）{
返回(
this.props.handleToken（令牌）}
stripeKey={process.env.REACT\u APP\u STRIPE\u KEY}
>
加学分
);
}
}

Checkout实际上不允许在样式区域设置太多样式（您可以从Stripe仪表板中设置样式），如果您想自定义内容，最好使用元素。还有一个反应组件，谢谢你的回答@duck！