微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

React TypeError:部署到heroku时t.map不是一个函数

如何解决React TypeError:部署到heroku时t.map不是一个函数

我的 React 应用程序在我的本地主机上运行时完美运行,一旦我部署到 heroku,我就会收到此错误

defaultNavigationoptions

我从在线 JSON 服务器获取数据 我在 package.json 上使用代理配置来避免 cors 问题,

这是我的导航组件

TypeError: t.map is not a function
    at j (Nav.js:9)
    at ro (react-dom.production.min.js:157)
    at Bo (react-dom.production.min.js:180)
    at Wi (react-dom.production.min.js:269)
    at Pu (react-dom.production.min.js:250)
    at Cu (react-dom.production.min.js:250)
    at xu (react-dom.production.min.js:250)
    at vu (react-dom.production.min.js:243)
    at react-dom.production.min.js:123
    at t.unstable_runWithPriority (scheduler.production.min.js:18)

这里可能是 App 组件,我从端点获取数据


import React from "react";
import "./App.css";

const Nav = ({ planetas }) => {
  return (
    <div>
      <section className="middlenav">
        <div className="list-container">
          {planetas.map((planeta) => {
            return (
              <div className="a-container" key={planeta.codigo}>
                <a href={planeta.nombre}>/:{planeta.nombre}</a>
              </div>
            );
          })}
        </div>
      </section>
    </div>
  );
};

export default Nav;

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。