問題是我只看到圖示，而檔案沒有上傳。在此先感謝您的幫助。
import React, { FC } from "react";
import { IUser } from "../types/Types";
import App from "../App";
interface UserItemProps {
user: IUser;
}
const UserItem: FC<UserItemProps> = ({ user }) => {
return (
<body>
<article className="UserPage">
<h2 className="Title_options ">
{user.title} <h6 className="Name">{user.name}</h6>
<h6>{user.address}</h6>
</h2>
<img src={user.pictures} />
</article>
</body>
);
};
export default UserItem;
型別
export interface IUser {
name: string;
title: string;
headers: string;
id: number;
email: string;
address: string | number;
pictures: string;
}
[API][1]
[1]: https://i.stack.imgur.com/9uISi.png
[它在 Chrome 中的外觀][2]
[2]: https://i.stack.imgur.com/wBaZ8.png
uj5u.com熱心網友回復：
替換這個：
<img src={user.pictures} />
有了這個：
{user.pictures && user.pictures.map(picture => (<img src={picture} />)}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/525814.html
標籤：反应打字稿图片api小路
下一篇：JSON到CSV：標題問題的關鍵