如何在打字稿中为 CSS 类声明类型？答案

【问题标题】：How to declare type for CSS class in typescript?如何在打字稿中为 CSS 类声明类型？
【发布时间】：2022-11-02 21:24:18
【问题描述】：

     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 类型？

【问题讨论】：

你的意思是“类名”吗？

标签： javascript html css reactjs typescript

【解决方案1】：

在你的 div 组件中，你使用了 className 和大写 C，你需要写成className

     <div className="UserPage">
       {user.id}.{user.name}.{user.email} lives {user.address.city} 
         street{""}
       {user.address.street}
     </div>

【讨论】：