Как использовать встроенный виджет Eventbrite с React / JSX? - PullRequest
Новая
       29

Как использовать встроенный виджет Eventbrite с React / JSX?

0 голосов
/ 05 апреля 2019

Всплывающий виджет EventBrite не совместим с React / JSX / GatsbyJs. Нужна помощь в том, как правильно реализовать это на сайте Gatsby. Если вы делали это раньше, что вы делали? Вот код, который они дают: 

<button id="example-widget-trigger" type="button">Buy Tickets</button>

<script src="https://www.eventbrite.com/static/widgets/eb_widgets.js"></script>

<script type="text/javascript">
  var exampleCallback = function() {
    console.log("Order complete!");
  };

  window.EBWidgets.createWidget({
    widgetType: "checkout",
    eventId: "52766401728",
    modal: true,
    modalTriggerElementId: "example-widget-trigger",
    onOrderComplete: exampleCallback
  });
</script>

1 Ответ

1 голос
/ 12 июня 2019

Команда первого запуска cp .cache/default-html.js src/html.js в корне проекта gatsby в терминале

Получит доступ к файлу html.js. Там вы можете поместить код, который вам нужен, как это: 

<script src="https://www.eventbrite.com/static/widgets/eb_widgets.js"></script>

<script
    dangerouslySetInnerHTML={{
        __html: `
            var exampleCallback = function() {
              console.log("Order complete!");
            };

            window.EBWidgets.createWidget({
              widgetType: "checkout",
              eventId: "52766401728",
              modal: true,
              modalTriggerElementId: "example-widget-trigger",
              onOrderComplete: exampleCallback
            });
        `
    }}
/>
...