使用Stripe Elements中的现有css类进行React

时间:2018-04-14 21:10:02

标签: css reactjs stripe-payments

我试图以public class ReadJSON { public static void main(String[] args) throws IOException { ObjectMapper mapper = new ObjectMapper(); mapper.enable(SerializationFeature.INDENT_OUTPUT); Content content = mapper.readValue(new File("content.json"), Content.class); mapper.writeValue(System.out,content); } } 形式使用我们现有的CSS类。根据元素选项部分中的此文档https://stripe.com/docs/stripe-js/reference,我可以传递现有的Stripe Elements类,但下面的代码不起作用。

CSS

基本上,我尝试使用Stripe Elements表单组件来使用我们为常规HTML元素创建的const customStripeClasses = { base: 'app-form-default input', }; class MyPaymentForm extends Component { render() { return( <div> <CardElement classes={customStripeClasses} /> </div> ); } } 类,例如输入,textarea等。

知道如何才能让它发挥作用吗?

1 个答案:

答案 0 :(得分:0)

据我所知,您需要使用react-stripe-elements来使用带反应的条带。并且classes没有道具className。您可以使用import React from 'react'; import {CardElement} from 'react-stripe-elements'; class CardSection extends React.Component { render() { return ( <div> <CardElement className="app-form-default input" /> </div> ); } };

将css类传递给它
size_t *ptrCount = 0;