title: cannot export const arrow function
body: <p>new to ES6, I was trying to make a React simple functional component like this</p>
  
  <pre><code>// ./Todo.jsx
  
      export default const Todo = ({
        todos,
        onTodoClick,
      }) =&gt; (
        &lt;ul&gt;
          {todos.map( (todo, i) =&gt;
            &lt;li key     = {i} 
                onClick = {() =&gt; onTodoClick(i) } 
                style   = {{textDecoration: todo.completed ? 'line-through': 'none' }}
                &gt;
              {todo.text}
            &lt;/li&gt;
          )}
        &lt;/ul&gt;
      )
  </code></pre>
  
  <p>But </p>
  
  <pre><code>// Another file 
  import Todo from './Todos.jsx';
  console.log(Todo) // undefined
  </code></pre>
  
  <p>did not yield the arrow function.</p>
  
  <p>but if I leave off the "const todo =" part in the export link, like so</p>
  
  <pre><code>    export default ({
        todos,
        onTodoClick,
      }) =&gt; (...)
  </code></pre>
  
  <p>It gets successfully imported. </p>
  
  <p>Why is that?</p>