TypeError: n.map is not a function

Question

我正在尝试 return 从另一个组件的某些卡片中提取数据，但出现以下错误：

TypeError: n.map 不是函数。

我猜是因为 async/await，但我不知道如何解决它。

非常感谢

export default function Container(){

    const [flights, getNewFlights] = useState({});

    const user = sessionStorage.getItem("username");
    const tipouser = sessionStorage.getItem("TipoUser");
    const APT = sessionStorage.getItem("Base");
    const Fecha = sessionStorage.getItem("Fecha");

    const fetchFlights = async () => {
        try {
          const flightsData = await $.ajax({
                url: "https://listVuelos.php",
                type: 'POST',
                data: {
                  APT,
                  Fecha
                }

            })
            getNewFlights(JSON.parse(flightsData))
        } catch (err) {
          console.log("Da error")
        }
      };

      useEffect(() => {
    
        fetchFlights()
    
        const interval = setInterval(() => {
          fetchFlights()
        }, 100000)
        return () => interval
    
      }, []);

    return(
      <Fragment>
      <div className="div_container">
         { flights?.map ( f => <IndexCards  data={f}></IndexCards> )}
      </div>
  </Fragment>
    );
}

Answer 1

你不能在一个对象上使用 map 函数来解决你可以这样做的问题：

Object.fromEntries(Object.entries(obj).map(([key, value]) => [key, newValue]))

TypeError: n.map is not a function

TypeError: n.map is not a function

javascript

asynchronous

async-await

reactjs