如何解决Json 服务器数据在反应中未正确获取
我尝试从本地 json 服务器获取数据。
const {data,pending,error} = useFetch('http://localhost:8000/blogs');
const { data: blog,error,pending} = UseFetch(
http://localhost:8000/blogs/${id});
此代码段无法正常工作。当我运行此代码时,它会像这样运行。此服务器地址无效。
http://localhost:3000/blogs/%201
地址末尾是“%201”。但我的内容“id=1”。
当我输入地址 http://localhost:3000/blogs/1
时,我的代码正在运行。
我正在寻求帮助。检查我的 Repository
解决方法
删除 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>
,
Fetch 尝试对 api 地址中的某些字符进行转义,因此 encodeURI(' 1')
将是 '%201'
。
检查 blog.id
的值,应该是数字,而不是字符串。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。