CommonJS imports vs ES6 imports
<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>