Экспорт библиотеки JS IIFE в React Component

Question

Я только начинаю изучать React JS.Итак, у меня есть 2 файла JS:

1. Polyfill.js -> github
2. CustomNavbar.js -> мой

структура polyfill.js

export default (function(window){
...
var classy = {
   ...
}
...
})(window);

!window.addEventListener && window.Element && (function () {
...
---code---
...
})();

это customnavbar.js

import { cs } from "./polyfill";

(function(){
...
function openNav(){
   ...
   cs.classy.add(overlay, 'on-overlay');
   ...
}
...
})();

это мой компонент. Jsx

import "./customnavbar.js"
...
...

не работает, ошибка говорит, что cs не определен,Может быть, я неправильно сделал с синтаксисом экспорта?

<script src="./polyfill.js">
<script src="./customnavbar.js">

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

Answer 1

import "./customnavbar.js"

- недопустимый синтаксис для импорта модулей.

Установить type из <script> элемента равным "module"

<script src="./polyfill.js" type="module">

return classy объект из IIFE

"script.js"

export default (() => { const classy = {fn() { return 1 }}; return classy })();

import экспортированный `классный объект

" polyfill.js "

import classy from "./script.js";
// do stuff

плнкр http://plnkr.co/edit/Q0orq8Bvk6nOT8tX0qLg?p=preview