import React, { FC } from "react";
import { IUser } from "../types/Types";
import App from "../App";
interface UserItemProps {
user: IUser;
ClassName: React.CSSProperties;
}
const UserItem: FC<UserItemProps> = ({ user }) => {
return (
<div ClassName="UserPage">
{user.id}.{user.name}.{user.email} lives {user.address.city} street{" "}
{user.address.street}
</div>
);
};
export default UserItem;
CSS
.UserPage{
width:1400px;
height:hug 164px;
border-radius:8px;
padding:24px, 16px, 24px, 16px;
gap:32px;
}
錯誤：型別'{孩子：（字串|數字）[]; 類名：字串；}' 不可分配給型別 'DetailedHTMLProps<HTMLAttributes, HTMLDivElement>'。型別“DetailedHTMLProps<HTMLAttributes, HTMLDivElement>”上不存在屬性“ClassName”。你的意思是“類名”嗎？
我如何宣告 css 型別？
uj5u.com熱心網友回復：
在你的 div 組件中，你使用了 className 和大寫 C，你需要這樣寫className
<div className="UserPage">
{user.id}.{user.name}.{user.email} lives {user.address.city}
street{""}
{user.address.street}
</div>
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/525667.html
上一篇：向上垂直線的CSS影片