我无法在我的反应应用程序上显示帖子，我尝试过谷歌搜索、chatgpt、bard，但仍然没有得到输出

Question

所以我是一个新手，正在尝试在观看教程时使用 React 创建一个博客网站，但我陷入了帖子未显示在屏幕上的地步

github 仓库链接-> https://github.com/AkshatGarg2005/blogging-site

代码->

`从“react”导入React； 从“react-router-dom”导入{Link}；

常量帖子=[ { 编号:1, title:"Lorem ipsum dolor sat amet consectetur adipisicing elit", desc:"Lorem ipsum dolor sat amet consectetur, adipisicing elit.Itaque eos, incidunt reiciendis dolorum cumque delectus natus iure commodi, asperiores iste temporebeatae modi sunt libero nobis adipisci dignissimos voluptatem.Atque.", img：“https://images.pexels.com/photos/7008010/pexels-photo-7008010.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2”， }, { 编号:2, title:"Lorem ipsum dolor sat amet consectetur adipisicing elit", desc:"Lorem ipsum dolor sat amet consectetur, adipisicing elit.Itaque eos, incidunt reiciendis dolorum cumque delectus natus iure commodi, asperiores iste temporebeatae modi sunt libero nobis adipisci dignissimos voluptatem.Atque.", img：“https://images.pexels.com/photos/6489663/pexels-photo-6489663.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2”， }, { 编号:3, title:"Lorem ipsum dolor sat amet consectetur adipisicing elit", desc:"Lorem ipsum dolor sat amet consectetur, adipisicing elit.Itaque eos, incidunt reiciendis dolorum cumque delectus natus iure commodi, asperiores iste temporebeatae modi sunt libero nobis adipisci dignissimos voluptatem.Atque.", img：“https://images.pexels.com/photos/4230630/pexels-photo-4230630.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2”， }, { 编号:4, title:"Lorem ipsum dolor sat amet consectetur adipisicing elit", desc:"Lorem ipsum dolor sat amet consectetur, adipisicing elit.Itaque eos, incidunt reiciendis dolorum cumque delectus natus iure commodi, asperiores iste temporebeatae modi sunt libero nobis adipisci dignissimos voluptatem.Atque.", img：“https://images.pexels.com/photos/6157049/pexels-photo-6157049.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2”， }, ];

const Home = () => { 返回 （ {posts.map((post) => ( /post/${post.id}}>

{帖子标题}

{post.desc}

了解更多

          </div>
        </div>
      ))
      }
    </div>

    
  </div>
);

};

导出默认首页；`

我尝试过谷歌搜索、chatgpt、bard，但仍然没有帮助 我得到的输出是 应该出现的输出是 [OUTPUT WHICH SHOULD COME]

Answer 1

我看到（在你的 GitHub 中）你已经在路由中定义了 Home 组件

/home

。

所以，我怀疑你在

/

路线上，但在那里找不到帖子。

用于渲染帖子的代码我的映射似乎非常正确。您需要检查路线以及渲染主页组件的位置。我使用了相同的代码，它使帖子呈现得很好。如果路线正确的话。您可能还需要在此处共享您的控制台日志，以便更清楚地了解问题。