尝试导入错误:不包含默认导出
尝试导入错误:不包含默认导出
提问于 2018-12-01 19:10:49
我正在定义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')。
实际上我是新手，所以请解释一下，让我知道我哪里出了问题？
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-12-01 19:16:28
拆下卷曲支撑：
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..。显然不是一个对象，而是在一个对象中循环。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/53576991
复制相关文章
相似问题
腾讯云开发者
