Json 服务器数据在反应中未正确获取

Posted 2023-03-27

【中文标题】Json 服务器数据在反应中未正确获取

【英文标题】：Json server Data is not Fetching Correctly in react

【发布时间】：2021-10-01 14:22:25

【问题描述】：

我试图从我的本地 json 服务器获取数据。

const data, pending, error = useFetch('http://localhost:8000/blogs');

这可以正常工作。但我试图在博客中获取数据，

const data: blog, error , pending = UseFetch(http://localhost:8000/blogs/$id);

此代码 sn-p 无法正常工作。当我运行此代码时，它会像这样运行。此服务器地址无效。

http://localhost:3000/blogs/%201 地址末尾有“%201”。但我的内容“id=1”。

当我键入地址 http://localhost:3000/blogs/1 时，我的代码正在运行。

我正在寻求帮助。检查我的Repository

【参考方案1】：

从 to="/pathname" 中删除空格

 <Link to=`/blogs/ $blogs.id `>
     <h2 className='header'> blogs.title </h2>
          <p>Written by  blogs.author  </p>
  </Link>

到这里

<Link to=`/blogs/$blogs.id`>
     <h2 className='header'> blogs.title </h2>
          <p>Written by  blogs.author  </p>
  </Link>

【讨论】：

您的回答真的很有帮助。现在它工作正常。有一件很简单的事情。

【参考方案2】：

Fetch 试图转义 api 地址中的某些字符，因此 encodeURI(' 1') 将是 '%201'。

检查blog.id的值，应该是数字，不是字符串。