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”不包含默认导出（导入为“ List”）。

实际上我是Redux的新手，所以请解释lemme知道我要去哪里了吗？

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>
   )
});

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

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

1 个答案: