typescript 如何检查元素类型

x7rlezfr 于 2023-05-01 发布在 TypeScript

关注(0)|答案(2)|浏览(128)

I need help）
enter image description here

return (
        <ButtonWrapperStyled>
            <input {...getInputProps()} />
            <Button {...getRootProps()}>Загрузить</Button>

            {files.map((file) => {//file maybe FileProps or File type
                if (file) {// How can I check file type here?
                    return <div>{file.fileId}</div>
                } else {
                    return <div>{file.fileId}</div>
                }
            })}
        </ButtonWrapperStyled>
)

我输入了数组，它可能是FileProps或File类型。如何在www.example中正确检查 www.example.com
我解决不了这个问题

typescript

来源：https://stackoverflow.com/questions/76142875/how-to-check-elements-type

2条答案

按热度按时间

toe950271#

您需要使用类型保护类型保护和区分类型

type File = {
  fileId: number;
};

type FileProps = {
  name: string;
  size: number;
};

const files: (FileProps | File)[] = [];

files.map((file) => {
  if ('fileId' in file) {
    return <div>{file.fileId}</div>;
  } else {
    return <div>{file.name}</div>;
  }
}, []);

赞(0）回复(0）举报 2023-05-01

uoifb46i2#

// This option doesn't work, why?
{files.map((file) => {
    if (file?.fileId) {
        return <div>{file.fileName}</div>
    } else {
        return <div>{file.name}</div>
    }
})}
//This option works
{files.map((file) => {
    if ('fileId' in file) {
        return <div>{file.fileName}</div>
    } else {
        return <div>{file.name}</div>
    }
})}

赞(0）回复(0）举报 2023-05-01

我来回答

typescript 如何检查元素类型

2条答案

相关问题

热门标签

最新问答