Как интегрировать внешние скрипты для реагирования, такие как PayPal Smart Check out?

Question

Итак, я пытаюсь добавить PayPal Smart Checkout в приложение реагирования, и мне кажется, что я не могу это сделать.Проблема, кажется, что скрипт загружается в течение первых нескольких секунд, а затем сразу выдает ошибку, говоря, что скрипт не существует, когда секунду назад он был там

Я попробовал то, что парень из YouTube предложил для загрузки сторонних библиотекно безрезультатно.Я получил эту проблему, я попробовал несколько других предложенных способов, но на самом деле это лучший подход, и он все еще не работает

App.js ------------------------

import React, {Component}from 'react';
import './App.css';
import Paypp from './pyapalload'


class App extends Component {
  constructor (props){
    super(props);
    this.state={
      hotelname:'',
    }
  }


  render() {
    //console.log(this.props)
    return (
      <div>
        Hl
        <Paypp/>
      </div>

    );
  }
}


export default App;

---

второй файл js

import React, { Component } from 'react';


class paypalload extends Component {
    constructor(props){
        super(props);
        this.state={

        }
    }
    shouldComponentUpdate(){
        return false;
    }
    componentDidMount(){
            this.paypa=new paypal.Buttons().render('#paypal-button-container');
    }
    render(){
        //console.log(paypal);
    return(
        <div>
            Test
            <div id="paypal-button-container" ></div>
        </div>
    )
    }
}


export default paypalload;

И скрипт загружается из public / index.html Если кто-то может помочь, это будет высоко ценится.

Answer 1

Ни один из JS, предоставляемых PayPal для рендеринга интеллектуальных кнопок оплаты, не предназначен для запуска на стороне сервера. Это весь код на стороне клиента, поэтому ваше приложение должно просто передать его в браузер, чтобы оно там выполнялось.

Сначала вы можете заставить его работать в файле .html, если это концептуально упростит вашу разработку, а затем определить, как наилучшим образом заставить ваше приложение узла обслуживать этот клиентский HTML / JS