Wie verwende ich PayPal Express In-Context Checkout mit ReactJS?

Ich verfolge diesesPayPal Tutorial darüber, wie man einen PayPal-Button generiert, aber nichts funktioniert. Der darin enthaltene Code, mit dem die Schaltfläche auf mysteriöse Weise angezeigt wird, hat nur einmal bei mir funktioniert. Nach einer Aktualisierung verschwindet sie jedoch und es gibt keinen Christus, der sie erneut anzeigen könnte.

Dies ist der Code, der in einer React-Komponente ausgeführt wird

  class Storefronts extends Component {
    render() {
      return (
        <div className="layout-wrapper">
          {this.props.location.pathname === '/shops' ? <Shops {...this.props}/> : <Basic {...this.props}/>}
          <script>
            window.paypalCheckoutReady = function() {
              paypal.checkout.setup('MERCHANTID', {
                environment: 'sandbox',
                container: 'test1',
              })
            }
          </script>
        </div>
      );
    }
  }

Das ist einStorefront -Komponente mit einemShop, und in diesem hat man einCard Komponente. Grundsätzlich ist es ein Geschäft, das seine Produkte zeigt, und jedes Produkt Card) muss einen Button haben:

class Card extends Editor {
  render() {
    const {list} = this.props;
    let img = '/images/logo-v2-small.jpg';

    return (
      <Row>
      {list.map(item =>{
        return (
          <Col xs={6} md={3}>
            <Link to={{ pathname: '/shops/' + item.id }}>
              <Thumbnail src={img} alt={item.name}>
                <h3>{item.name}</h3>
                <p>{this.parseHtmlToReact(item.description)}</p>
                <p>{item.address}</p>
                <p>
                  <Button bsStyle="primary">Book</Button>
                  <a id="test1" href="/checkout"/> // The button should appear here.
                  <p className="pull-right">
                    {item.rating} 
                  </p>
                </p>
              </Thumbnail>
            </Link>
          </Col>
        )
      })}
      </Row>
    );
  }
}

Es gibt nichts über die Verwendung mit React und kein aktuelles Modul dafür.

Antworten auf die Frage(2)

Ihre Antwort auf die Frage