我有一个和阿迪恩有关的问题.我正在创建自定义卡实现,一切工作正常,这意味着品牌配置正确.类型也一样,样式也一样,一切都很好!

但当我试图为我的支付卡输入设置自定义占位符时,我遇到了一个问题.以前有人观察到过这个问题吗?如果有,你解决了吗?

  checkout
     .create('securedfields', {
       type: 'card',
       brands: this.state.brands,
       styles: {
         error: {
           color: 'red'
         },
         validated: {
           color: 'green'
         },
         placeholder: {
           color: '#606064',
           fontWeight: '400',
         }
       },
       placeholders: {
         encryptedCardNumber: 'Card number'
       }

因此,永远不会设置EncryptedCardNumber占位符.有什么主意吗?

持有者证件:https://docs.adyen.com/online-payments/classic-integrations/checkout-sdks/web-sdk/customization/settings/

推荐答案

styles属性是用来控制用户界面的外观,为了覆盖默认文本,你可以使用translations属性,有效地使用Localization.

const translations = {
  "en_US" : {
    "creditCard.numberField.placeholder": "Card number"
    "payButton": "Pay Now",
  }
};

new AdyenCheckout(
    {
      clientKey,
      locale: "en_US",
      translations: translations,
      ....

在可自定义的所有标签/文本列表中查找here.

Javascript相关问答推荐

无法将nPM simplex-noise包导入在JS项目中工作

如何判断属于多个元素的属性是否具有多个值之一

Vega中的模运算符

被CSS优先级所迷惑

基于变量切换隐藏文本

如何在Javascript中的控制台上以一行形式打印循环的结果

PDF工具包阿拉伯字体的反转数字

material UI按钮组样式props 不反射

Next.js服务器端组件请求,如何发送我的cookie token?

更改预请求脚本中重用的JSON主体变量- Postman

在数组中查找重叠对象并仅返回那些重叠对象

为什么这个.add.group({})在教程中运行得很好,但在我的游戏中就不行了?

在画布中调整边上反弹框的大小失败

按下单键和多值

本地损坏的Java脚本

表单数据中未定义的数组键

设置复选框根据选中状态输入选中值

在点击链接后重定向至url之前暂停

找不到处于状态的联系人

在Reaction Native中,ScrolltoIndex在结束时不一致地返回到索引0