title: CommonJS imports vs ES6 imports
body: <p>Here are two examples of using a non-default export. The first uses commonjs syntax, and the second uses es6. Why does the first example work, but not the second?</p>
  
  <pre><code>// commonjs --- works!
  var ReactRouter = require('react-router')
  var Link = ReactRouter.Link
  
  
  // es6 --- doesn't work!
  import ReactRouter from 'react-router'
  var Link = ReactRouter.Link
  </code></pre>
  
  <p>I understand that I can use <code>import { Link } from 'react-router'</code> instead, but I'm just trying to wrap my head around how each import differs.</p>