javascript - Typescript 中的 IntrinsicAttributes & TYPE 有没有更好的方法

Question

这段代码很好用。

<AuctionCardGenerator auction={auction} />;

interface auctionType {
    auction: randomAuctionType;
}

const AuctionCardGenerator = ({ auction }: auctionType) => {
...
}

randomAuctionType 看起来像这样。

interface randomAuctionType {
    id: number;
    title: string;
    artist: {
        id: number;
        name: string;
        nickname: string;
    };
    type: string;
    price: string;
    description: string;
    status: AUCTION_STATE;
    nftToken?: string;
    imgSrc: string;
}

但我认为仅为此代码声明auctionType 效率不高。所以我想像下面这样使用。

const AuctionCardGenerator = (auction: randomAuctionType) => {

但是这段代码有这样的错误信息

那么，有什么简单的方法可以避免打字稿中的这个问题吗？

Answer 1

如果您不想声明一个独立interface的（尽管它没有任何问题 - 它不会花费您任何费用！），您可以使用内联类型文字代替：

const AuctionCardGenerator = ({ auction }: { auction: randomAuctionType; }) => {
...
}