无法读取未定义的属性(读取“地图”)待办事项列表

     2023-02-21     274

关键词:

【中文标题】无法读取未定义的属性(读取“地图”)待办事项列表【英文标题】:Cannot read properties of undefined (reading 'map') Todo List 【发布时间】:2022-01-23 21:34:58 【问题描述】:
useEffect(() => 
  //Get Value from Db
  const todo = collection(db, 'Todos');
  const todoSnapshot = getDocs(todo);
  const todoList = todoSnapshot.docs.map((doc) => doc.data());
  console.log(todoList);
  setTodo(todoList);
, [input]);

todoSnapshot.docs.map(doc => doc.data()); 中遇到错误

【问题讨论】:

好吧,todoSnapshot.docs 未定义... 你的 getDocs 函数的代码是什么?考虑也这样写。 【参考方案1】:

您需要等待您的请求并设置一个加载器,只要您首先获得 API 响应,加载器将首先运行,然后您将获得响应。 map 不起作用,因为它将接收一个空的对象数组。

【讨论】:

您的答案可以通过额外的支持信息得到改进。请edit 添加更多详细信息,例如引用或文档,以便其他人可以确认您的答案是正确的。你可以找到更多关于如何写好答案的信息in the help center。

使用地图时反应'无法读取未定义的属性'

】使用地图时反应\\\'无法读取未定义的属性\\\'【英文标题】:React\'cannotreadpropertyofundefined\'whenusingmap使用地图时反应\'无法读取未定义的属性\'【发布时间】:2017-12-1402:23:02【问题描述】:我正在从teamtreehouse.com制作一个非常基... 查看详情

Graphql,React - TypeError:无法读取未定义的属性“地图”

】Graphql,React-TypeError:无法读取未定义的属性“地图”【英文标题】:Graphql,React-TypeError:Cannotreadproperty\'map\'ofundefined【发布时间】:2020-05-1407:40:33【问题描述】:我有一个React应用程序的简单演示,用于显示一个简单的食谱列表... 查看详情

错误:无法在 reactjs 项目中读取未定义的属性(读取“地图”)\

】错误:无法在reactjs项目中读取未定义的属性(读取“地图”)\\\\【英文标题】:Error:Cannotreadpropertiesofundefined(reading\'map\')inreactjsproject\\错误:无法在reactjs项目中读取未定义的属性(读取“地图”)\\【发布时间】:2021-12-3106:3... 查看详情

无法读取未定义(读取“地图”)NGRX 实体的属性

】无法读取未定义(读取“地图”)NGRX实体的属性【英文标题】:Cannotreadpropertiesofundefined(reading\'map\')NGRXEntity【发布时间】:2022-01-2111:28:42【问题描述】:它发生在selectAll选择器上,我查看了其他答案,我正在使用createfeatureSele... 查看详情

ReactJS TypeError:无法读取未定义的属性(读取“地图”)

】ReactJSTypeError:无法读取未定义的属性(读取“地图”)【英文标题】:ReactJSTypeError:Cannotreadpropertiesofundefined(reading\'map\')【发布时间】:2021-11-1718:43:36【问题描述】:我目前正在使用两个组件,并在两个组件上都实现了reactRoute... 查看详情

无法映射对象?无法读取未定义的属性“地图”

】无法映射对象?无法读取未定义的属性“地图”【英文标题】:Cannotmapanobject?Cannotreadproperty\'map\'ofundefined【发布时间】:2021-09-2403:55:13【问题描述】:所以我目前正在为我的POS应用制作收据。我目前在我的数据库中存储了一个... 查看详情

错误:无法读取未定义的属性“地图”

】错误:无法读取未定义的属性“地图”【英文标题】:Error:Cannotreadproperty\'map\'ofundefined【发布时间】:2014-09-0213:59:30【问题描述】:我正在关注reactjs教程,当将值从一个组件的状态传递到另一个组件时,我一直遇到问题。错... 查看详情

Nativewscript-vue graphql:TypeError:无法读取未定义的属性“地图”

】Nativewscript-vuegraphql:TypeError:无法读取未定义的属性“地图”【英文标题】:Nativewscript-vuegraphql:TypeError:Cannotreadproperty\'map\'ofundefined【发布时间】:2021-06-1114:55:53【问题描述】:我正在使用Nativescript-vue和Vue-apollo创建一个电子... 查看详情

类型错误:无法读取 reactjs 中未定义的属性“地图”

】类型错误:无法读取reactjs中未定义的属性“地图”【英文标题】:TypeError:Cannotreadproperty\'map\'ofundefinedinreactjs【发布时间】:2021-03-1913:18:12【问题描述】:大家好,我遇到了一个错误,比如无法读取属性,不知道我错在哪里,... 查看详情

TypeError:从 API 获取时无法读取未定义的属性(读取“地图”)

】TypeError:从API获取时无法读取未定义的属性(读取“地图”)【英文标题】:TypeError:cannotreadpropertyofundefined(reading\'map\')whilefetchingfromAPI【发布时间】:2021-12-2000:12:14【问题描述】:我正在开发一个全栈博客站点项目,在该项目... 查看详情

TypeError:无法读取未定义的属性“地图”。找不到解决办法

】TypeError:无法读取未定义的属性“地图”。找不到解决办法【英文标题】:TypeError:Cannotreadproperty\'map\'ofundefined.Can\'tfindasolution【发布时间】:2021-03-3004:10:43【问题描述】:代码编译成功,但在localhost上出现错误:TypeError:Cannotre... 查看详情

无法从 nextjs 中的 api 获取图像-TypeError:无法读取未定义的属性(读取“地图”)NEXTJS

】无法从nextjs中的api获取图像-TypeError:无法读取未定义的属性(读取“地图”)NEXTJS【英文标题】:can\'tfetchimagefromapiinnextjs-TypeError:Cannotreadpropertiesofundefined(reading\'map\')NEXTJS【发布时间】:2022-01-1200:31:21【问题描述】:我似乎无... 查看详情

TypeError:无法读取未定义的 React Hooks 的属性“地图”

】TypeError:无法读取未定义的ReactHooks的属性“地图”【英文标题】:TypeError:Cannotreadproperty\'map\'ofundefinedReactHooks【发布时间】:2021-03-1008:15:24【问题描述】:我需要一些帮助来理解为什么我从标题中得到错误:\'TypeError:Cannotreadpr... 查看详情

React Redux TypeError:无法读取未定义的属性“地图”

】ReactReduxTypeError:无法读取未定义的属性“地图”【英文标题】:ReactReduxTypeError:Cannotreadproperty\'map\'ofundefined【发布时间】:2019-03-1917:54:53【问题描述】:我是React/Redux编码的初学者。我迷失在容器和反应组件中。在Redux之前,... 查看详情

错误错误:未捕获(承诺中):TypeError:无法读取未定义的属性“地图”

】错误错误:未捕获(承诺中):TypeError:无法读取未定义的属性“地图”【英文标题】:ERRORError:Uncaught(inpromise):TypeError:Cannotreadproperty\'map\'ofundefined【发布时间】:2018-05-0118:50:27【问题描述】:仅当它尝试从catch返回值时才会... 查看详情

TypeError:无法读取未定义的属性(读取“地图”),以及 React.js 中的多个 API 请求

】TypeError:无法读取未定义的属性(读取“地图”),以及React.js中的多个API请求【英文标题】:TypeError:Cannotreadpropertiesofundefined(reading\'map\'),andmultipleAPIrequestsinReact.js【发布时间】:2021-12-2607:32:37【问题描述】:我知道这个地图... 查看详情

React 中的动态表单,无法读取未定义的属性“地图”

】React中的动态表单,无法读取未定义的属性“地图”【英文标题】:DynamicFormsinReact,Cannotreadproperty\'map\'ofundefined【发布时间】:2020-05-2704:17:07【问题描述】:概述所以我只是React的新手,我在尝试创建动态表单时遇到了麻烦。目... 查看详情

从 React Context 消费返回无法读取未定义的属性“地图”

】从ReactContext消费返回无法读取未定义的属性“地图”【英文标题】:ConsumingfromReactContextreturnsCannotreadproperty\'map\'ofundefined【发布时间】:2020-09-1722:44:35【问题描述】:我正在尝试使用Context在React中的两个组件之间传递数据。我... 查看详情