title: Attempted import error: does not contain a default export
body: <p>I'm defining react component to connect with redux . I have the app and list components  </p>
  
  <p><strong>App.js</strong>              </p>
  
  <pre class="lang-js prettyprint-override"><code>import React, { Component } from 'react';
    //import Login from './components/Login';
   import List from './components/List';
   import './App.css';
    class App extends Component {
   render() {
    return (  &lt;List /&gt;); } }
    export default App;
  </code></pre>
  
  <p><strong>List.js</strong></p>
  
  <pre class="lang-js prettyprint-override"><code>  import React from 'react';
    import { connect } from 'react-redux';
  
    const mapStateToProps=  state =&gt;{
       return { articles :state.articles};
        }
     const connectedList = ({ articles }) =&gt;(
          {articles.map(e=&gt;(      //////**1) here I get red under the dot(.) ie., error**
             &lt;li key={e.id}&gt;{e.title}&lt;/li&gt;
           ))}
       );
     const List= connect(mapStateToProps)(connectedList);
     export default List;
  </code></pre>
  
  <p>why do <strong>1) here I get red under the dot(.) ie., error</strong></p>
  
  <p>I have exported List but I'm thrown this error</p>
  
  <p>Attempted import error: './components/List' does not contain a default export (imported as 'List').</p>
  
  <p>Actually I'm newbie to redux so Please explain lemme know where i'm going wrong?</p>