我正在定义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的新手，所以请向我说明我要去哪里错了？
删除花括号：
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 ...显然不是对象，而是遍历对象。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句