首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >无法在react-redux中显示待办事项(属性映射未定义)?

无法在react-redux中显示待办事项(属性映射未定义)?
EN

Stack Overflow用户
提问于 2017-12-05 15:17:08
回答 0查看 81关注 0票数 1

我正在尝试通过创建我自己的todo应用程序来学习Redux,而不是Redux官方todo app example中的光环。我无法显示我的待办事项列表,因为我正在获取TypeError: Cannot read property 'map' of undefined

存储库可以在here中找到。它相当轻量级(组件比Redux的todo-app少)。

这是我遇到麻烦的地方:

代码语言:javascript
复制
/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

代码语言:javascript
复制
/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状态

EN

回答

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/47648084

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档