javascript - Uncaught (in promise) TypeError: Cannot read property 'filter' of undefined in Javascript
问题描述
import React, { Component } from 'react';
import DegreeToggle from './DegreeToggle';
import DayCard from './DayCard';
class WeekContainer extends Component {
state = {
fullData: [],
dailyData: [],
degreeType: "fahrenheit"
}
componentDidMount = () => {
const weatherURL =
`http://api.openweathermap.org/data/2.5/weather?q=London,uk&APPID=c1bab0c96843878b6348982015110ecc`
fetch(weatherURL)
.then(res => res.json())
.then(data => {
const dailyData = data.list.filter(reading => reading.dt_txt.includes("18:00:00"))
this.setState({
fullData: data.list,
dailyData: dailyData
}, () => console.log(this.state))
})
}
formatDayCards = () => {
return this.state.dailyData.map((reading, index) => <DayCard reading={reading} key={index} />)
}
updateForecastDegree = event => {
this.setState({
degreeType: event.target.value
}, () => console.log(this.state))
} render() { return ( 5-Day Forecast. New York, US {this.formatDayCards()} ) } } export default WeekContainer;
我正在开发一个反应 js 应用程序,我收到错误 Uncaught (in promise) TypeError: Cannot read property 'filter' of undefined
解决方案
推荐阅读
- excel - 剪切特定单元格,刷新枢轴,然后在枢轴后粘贴单元格
- laravel - 如何在验证电子邮件字段时允许更多字符?
- c# - 为什么字符串常量的 switch-case 语句在 Visual Studio 2019(16.0.3 之前)中需要默认值,但在 Visual Studio 2017 中不需要?
- python - 反转数据框中给定日期的时间
- typescript - 打字稿检查“任何”类型
- c# - 使用控制台应用程序 c# 打开批处理文件时如何停止命令提示符闪烁?
- django - 环境变量,错误:django.core.exceptions.ImproperlyConfigured:INSTALLED_APPS 设置必须是列表或元组
- python - 仅在双引号上分解长段文本引号?
- python - 在 elasticsearch 上使用 python 对所有字段进行搜索
- java - 如何在Android中的用户输入表单上获取选中的单选按钮并将选择存储为字符串