尝试导入错误：不包含默认导出

Question

我正在定义 react 组件以与 redux 连接。我有应用程序和列表组件

App.js

import React, { Component } from 'react';
  //import Login from './components/Login';
 import List from './components/List';
 import './App.css';
  class App extends Component {
 render() {
  return (  <List />); } }
  export default App;

List.js

  import React from 'react';
  import { connect } from 'react-redux';

  const mapStateToProps=  state =>{
     return { articles :state.articles};
      }
   const connectedList = ({ articles }) =>(
        {articles.map(e=>(      //////**1) here I get red under the dot(.) ie., error**
           <li key={e.id}>{e.title}</li>
         ))}
     );
   const List= connect(mapStateToProps)(connectedList);
   export default List;

为什么1）在这里我在点（。）下变红，即错误

我已导出列表，但出现此错误

尝试导入错误：“./components/List”不包含默认导出（导入为“列表”）。

实际上我是 redux 的新手，所以请解释一下，让我知道我哪里出错了？

Answer 1

去掉花括号：

const connectedList = ({ articles }) =>(
   articles.map(e=>( // implicit return
      <li key={e.id}>{e.title}</li>
   )
));

或者，使用花括号：

const connectedList = ({ articles }) => { // no parentheses
   return articles.map(e=>( // explicitly use return
      <li key={e.id}>{e.title}</li>
   )
});

在括号中使用大括号表示您正在返回一个对象。但是articles.map... 显然不是一个对象，而是循环一个对象。