title: How to perform import/export in client-side React JSX using Babel-Standalone
body: <p>I'm using Babel-Standalone to use JSX in a React application without using NPM. Babel apparently translates 'import' statements into 'require' statements; importing 'require.js' and other dependencies to make this work produces more errors.</p>
  
  <p>Surely, there must be a simple way to perform an import/export in the context of client-side JSX. Please advise (no Node/NPM/Webpack solutions are sought here; CDN of appropriate library(ies) and rewrite of import statement, etc., are sought).</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html lang="en-us"&gt;
  &lt;head&gt;
      &lt;title&gt;React JSX Babel-Standalone Import/Export Problem&lt;/title&gt;
      &lt;meta charset="utf-8"&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="root"&gt;&lt;/div&gt;
  &lt;script src="https://unpkg.com/react@16/umd/react.development.js"&gt;&lt;/script&gt;
  &lt;script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"&gt;&lt;/script&gt;
  &lt;script src="https://unpkg.com/babel-standalone@6/babel.min.js"&gt;&lt;/script&gt;
  
  &lt;script type="text/babel"&gt;
  
  // See MyExport.js text below this SCRIPT
  // Goal: to employ &lt;MyExport /&gt; in the return of App.
  
  // import MyExport from "./MyExport";
  
  const App = () =&gt; {
      return (
          &lt;div&gt;Hello&lt;/div&gt;
      );
  };
  ReactDOM.render(&lt;App /&gt;, document.querySelector("#root"));
  &lt;/script&gt;
  
  &lt;!-- MyExport.js:
  const MyExport = () =&gt; {
      return (
          &lt;div&gt;MyExport&lt;/div&gt;
      );
  };
  export default MyExport;
  --&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>