как превратить кнопку PayPal в компонент реакции? - PullRequest
Новая
       7

как превратить кнопку PayPal в компонент реакции?

0 голосов
/ 27 мая 2020

Я получил следующий скрипт и html для кнопки подключения внешнего PayPal. 

<html>
    <head>

    </head>    
    <body>

      <span id='cwppButton'></span>
      <script src='https://www.paypalobjects.com/js/external/connect/api.js'></script>
      <script>
      paypal.use( ['login'], function (login) {
        login.render ({
          "appid":"xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",
          "authend":"sandbox",
          "scopes":"openid",
          "containerid":"cwppButton",
          "responseType":"code",
          "locale":"en-us",
          "buttonType":"CWP",
          "buttonShape":"pill",
          "buttonSize":"lg",
          "fullPage":"true",
          "returnurl":"xxxxxxxxxxx.com"
        });
      });
      </script>

    </body>

</html>

Мне нужно добавить это в свое приложение реакции? есть идеи, как это сделать?

Ответы [ 2 ]

0 голосов
/ 27 мая 2020

Я попытался поместить файл сценария в индекс, а затем получить к нему доступ из объекта window.paypal. 

 useEffect(() => {
    window.paypal.use( ['login'], function (login) {
      login.render ({
        "appid":"xxxxxxxxxxxxxxxxxxxxxxxx",
        "authend":"sandbox",
        "scopes":"openid",
        "containerid":"paypal-button",
        "responseType":"code",
        "locale":"en-us",
        "buttonType":"CWP",
        "buttonShape":"rectangle",
        "buttonSize":"md",
        "fullPage":"true",
        "returnurl":"xxxxxxxxxx.com"
      })
    });
  }, []);

затем просто поместите span в функцию рендеринга моего компонента реакции. Это сработало.

0 голосов
/ 27 мая 2020

Вы можете использовать React dangeroussetinner html. Поместите код в элемент iframe HTML.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...