reactjs - React Fetch API 无法渲染图像
问题描述
我正在使用 Fetch API 从我构建的 API 返回数据。这是我的代码的样子:
import React, {useContext, useEffect, useState } from 'react';
import { useParams } from 'react-router-dom';
import FeedbackNav from './feedbacknav';
import UserContext from "../context/UserContext";
import Landing from './Landing';
import useFetch from './usefetch';
const ReviewInfo = () => {
const { userData } = useContext(UserContext);
const { id } = useParams();
const {data: review, error, isPending} = useFetch(`http://localhost:5000/reviews/reviews?_id=` + id);
return (
<div>
{userData.user ? (
<div>
<div>
{/* <FeedbackNav /> */}
</div>
<p className='testing12345'>This is a test {id} </p>
{ isPending && <div className='testing12345'>Loading...</div> }
{ error && <div>{ error }</div> }
{review && (
<div>
<img alt='soempty' src={review[0].userImage} className="dotdat"></img>
<p className='testing12345'>{review[0].firstName} {review[0].lastName}</p>
<p className='testing12345'>{review[0].city}</p>
<p className='testing12345'>{review[0].projectName}</p>
<p className='testing12345'>{review[0].review}</p>
</div>
)
}
</div>
) : (
<div>
<Landing />
</div>
)}
</div>
)
}
export default ReviewInfo;
当我保存代码时,userImage 不会呈现给浏览器,而我尝试从 API 获取的其他数据会成功呈现(firstName、lastName、city、projectName、review)。我尝试了一些不同的东西,但我被卡住了。我可能做错了什么?
感谢帮助!
解决方案
推荐阅读
- r - 有没有办法计算从 sqlAppendTable() 生成的查询的大小?
- mongodb - $map 中有多个“in”表达式
- angular - 为什么RouterLink将输入添加到括号中当前URL的末尾
- java - Spring Boot 中服务接口类的用途
- python - Scrapy - 使用选择器的嵌套链接提取
- javascript - 如何以遵循函数的方式制作动态 div 曲线?
- reactjs - 当组件重新渲染时,React 组件的状态会发生什么变化?
- functional-programming - Higher order function on lists Ocaml
- .htaccess - .htaccess 访问目录上传时重定向用户
- python - 在 matplotlib 中绘制体素图像