反应上下文映射
沙德曼
我创建了一个全局上下文api，以从我的Firebase中提取所有数据，然后通过React Provider发送它们。但是我似乎无法映射正在接收的对象数组。
const Schedule = () => {
const config = useContext(ConfigContext);
return (
<>
<div id="ScheduleContainer" className="row">
<div className="col-sm-4">
<img
src={clock}
alt="clock"
title="clock|Icon made by flaticon author dmitri13"
></img>
</div>
{console.log(config.scheduleMap)}
<div className="col-sm-8">
{config.scheduleMap.map((data) => (
<h1>{data.Event}</h1>
))}
</div>
</div>
</>
);
};
我在控制台上记录的地方，可以看到数据。它显示如下：
但是当我尝试映射它时，出现以下错误， TypeError: Cannot read property 'map' of undefined
Gireesh库迪普迪
当我们收到这样的错误时，我们可能会以异步方式获取值。我们应该为我们的变量提供一个初始值，或者有条件地渲染它，或者同时提供这两者。
按照以下代码段可以解决您的问题。
{config.scheduleMap !== undefined ?
config.scheduleMap.map(data=>(
<h1>{data.Event}</h1>))
:
''
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
反应-上下文
- 2
上下文映射-关系
- 3
全局反应上下文状态上的映射函数增量
- 4
反应上下文官方计划
- 5
反应上下文-“ this”未定义
- 6
反应上下文不断重置
- 7
反应上下文未定义
- 8
上下文-调度不是函数（反应）
- 9
在CodeSandbox中反应上下文
- 10
用Json反应上下文Api
- 11
在映射期间添加上下文
- 12
反应上下文菜单onClick不适用于多个上下文菜单
- 13
来自孩子的反应上下文不会改变
- 14
如何更新子元素中的反应上下文
- 15
如何在反应上下文中反转状态
- 16
哨兵添加上下文反应本机
- 17
在刷新时反应挂钩和上下文api localstorage
- 18
反应：上下文更改不会重新渲染我的组件
- 19
反应上下文Api和状态挂钩突变
- 20
反应-过滤从全局上下文中获取的数据的问题
- 21
使用通用的Typescript反应上下文API
- 22
反应，上下文从购物车中删除项目
- 23
反应错误：“在...的上下文中找不到'商店'”
- 24
使用上下文测试组件并反应挂钩
- 25
反应上下文API和路由器
- 26
从购物车中反应上下文删除项目
- 27
如何修复未在反应上下文中更新的 setState
- 28
isGooglePlayServicesAvailable的上下文（上下文上下文）
- 29
Vim-根据上下文映射备用键行为
我来说两句