如何在react-paypal-js中获得使用HOSTED FIELDS的资格？

问题概述 #

使用PayPalHostedFieldsProvider组件时出现频繁卸载现象，排查后发现组件警告提示需配置notEligibleError属性，执行paypal.HOSTEDFIELDS.isEligible()返回false，确认核心问题为账户无使用Hosted Fields的资格。

按照PayPal官方指引，需在沙箱商家账户开启Advanced Credit and Debit Card Payments功能，但无法找到文档中提及的Advanced Options选项，也无法确认该功能的启用状态。

沙箱账户启用Advanced Credit and Debit Card Payments的步骤 #

1. 登录PayPal开发者控制台，进入目标应用的详情页面。
2. 在左侧导航栏的Sandbox分区下，选择Accounts，找到对应的沙箱商家账户（通常名称带有business标识）。
3. 点击该账户的View/Edit按钮，进入账户配置页面。
4. 在页面中找到Payment capabilities板块，定位到Credit and debit cards选项。
5. 勾选Advanced credit and debit card payments选项（若未找到该选项，需确认开发者账户权限是否足够，或联系PayPal开发者支持核实）。
6. 保存设置后，重新调用paypal.HOSTEDFIELDS.isEligible()验证资格状态。

额外排查要点 #

• 确认React应用关联的是正确的沙箱商家账户，避免因账户选错导致设置不生效。
• 检查PayPal脚本初始化是否正确，需加载包含Hosted Fields组件的SDK版本：

  <script src="https://www.paypal.com/sdk/js?client-id=YOUR_CLIENT_ID&components=hosted-fields"></script>
  

• 若沙箱环境仍无法找到对应选项，可尝试查看生产环境账户设置路径：账户设置 > 付款 > 网站付款 > 信用卡和借记卡，确认是否有开启高级支付功能的入口。

内容的提问来源于stack exchange，提问作者Amos Machora