我正在尝试通过创建我自己的todo应用程序来学习Redux,而不是Redux官方todo app example中的光环。我无法显示我的待办事项列表,因为我正在获取TypeError: Cannot read property 'map' of undefined。
存储库可以在here中找到。它相当轻量级(组件比Redux的todo-app少)。
这是我遇到麻烦的地方:
/src/components/TodoList.js
import React from 'react';
const TodoList = ({todos}) => {
return (
<ul>
{todos.map(todo =>
<li key={todo.id}>{todo.text}</li>
)}
</ul>
)
}
export default TodoList;我还在我的ViewTodoList.js容器上使用connect。如果我理解正确,通过这样做,我应该用商店状态填充我的todos:
/containers/ViewTodoList.js
import React from 'react';
import {connect} from 'react-redux';
import TodoList from '../components/TodoList';
const mapStateToProps = (state) => {
todos: state.todos
}
const ViewTodoList = connect(
mapStateToProps
)(TodoList)
export default ViewTodoList;我非常确定我的Redux商店有正确的状态。可以在here中找到AddTodo。
但是,由于某些原因,components/TodoList.js内部的TodoList组件不能接收{todos}形式的待办事项状态。我想我可能弄错了。
如何在TodoList中正确显示所有todos状态
https://stackoverflow.com/questions/47648084
复制相似问题