首页 > 解决方案 > TypeError:weeklyData.map 不是函数

问题描述

import { useWheather } from "../../contexts/WheatherContex";

import FeatureForcastItem from "./FeatureForcastItem";

function FutureForecast() {
    const { weeklyData } = useWheather();

    console.log("WEEKLYDATA in COMPONENTS", weeklyData);

    return (
        <div id="future" className="wrapper">
            {weeklyData.map((day, i) => {
                return <FeatureForcastItem key={i} dayInfo={day} />;
            })}
        </div>
    );
}

export default FutureForecast;

在此处输入图像描述

不是这样工作的,但如果删除weeklyData 部分它可以工作,我们可以从console.log 看到数据weeklyData

import { useWheather } from "../../contexts/WheatherContex";

// import FeatureForcastItem from "./FeatureForcastItem";

function FutureForecast() {
    const { weeklyData } = useWheather();

    console.log("WEEKLYDATA in COMPONENTS", weeklyData);

    return (
        <div id="future" className="wrapper">
            {/* {weeklyData.map((day, i) => {
                return <FeatureForcastItem key={i} dayInfo={day} />;
            })} */}
        </div>
    );
}

export default FutureForecast;

在此处输入图像描述

我怎样才能通过这个错误,为什么它会发生!

标签: javascripttypeerror

解决方案


推荐阅读