cannot export const arrow function : <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>
