Я слежу за этимУчебник по PayPal о том, как создать кнопку PayPal, но ничего не работает. Код, который она предоставляет, чтобы кнопка выглядела загадочно, сработала для меня только один раз, но после обновления она исчезает, и нет Христа, чтобы заставить ее появиться снова.

Это код, выполняемый внутри компонента React

  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>
      );
    }
  }

ЭтоStorefront компонент, который содержитShopи внутри этого естьCard составная часть. По сути, это магазин, который показывает свои продукты, и каждый продукт (Card) должна быть кнопка:

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>
    );
  }
}

Там нет ничего, что говорит о его использовании с React и нет недавнего модуля для него.