Как импортировать компоненты unpkg в реагирующий браузер

Я использую React прямо в браузере, импортируя из unpkg. Но когда я включаю компонент react-pagination-js, Pagination по-прежнему остается неопределенным во всей остальной области видимости. .

<!-- Note: when deploying, replace "development.js" with "production.min.js". -->
<script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script>

<!-- react-js-pagination -->
<script src="https://unpkg.com/[email protected]/dist/index.umd.js"></script>

<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
<script type="text/babel" src="{% static 'js/practice/ChallengeList.js' %}"></script>

<script type="text/babel">
  const e = React.createElement;
  const el = document.querySelector('#challenges-component');
  ReactDOM.render(e(ChallengeList), el);
</script>

Как мне использовать Pagination в моем компоненте ChallengeList?


person Areeb    schedule 22.06.2020    source источник
comment
Как вы импортировали Pagination в свой файл ChallengeList.js? Можете ли вы поделиться импортированной линией?   -  person Shahnawaz Hossan    schedule 22.06.2020
comment
@ShahnawazHossan Я не импортировал его. Я просто ожидал, что все содержимое Pagination будет доступно по всему миру? Добавление import Pagination from "react-pagination-js" дает require не существует   -  person Areeb    schedule 22.06.2020
comment
Братан, если ты не установишь его с помощью npm, ты не сможешь import Pagination from "react-pagination-js" полюбить это. Вы установили пакет с npm? Или вы хотели бы использовать его, просто добавив его из тега script?   -  person Shahnawaz Hossan    schedule 22.06.2020
comment
@ShahnawazHossan Я пытаюсь использовать его с тегом script. Предполагается, что его можно использовать с unpkg непосредственно в браузере, например React...   -  person Areeb    schedule 22.06.2020
comment
Братан, взгляни на это.   -  person Shahnawaz Hossan    schedule 22.06.2020