react中使用TS来判断文件的后缀是否为xlsx或xls

可以使用正则表达式来判断文件的后缀是否为xlsx或xls。以下是一个使用 TypeScript 实现的示例：

function isExcelFile(filename: string) {
  const regex = /\.(xlsx|xls)$/i;
  return regex.test(filename);
}

这个函数接收一个文件名作为参数，并返回一个布尔值，表示该文件是否为 Excel 文件。它使用了一个正则表达式来匹配文件名的后缀是否为 ".xlsx" 或 ".xls"，并忽略了大小写。如果匹配成功，则返回 true；否则返回 false。

在 React 中使用这个函数，可以将其直接导入到你的组件中，然后在需要判断文件类型的地方调用它即可。例如：

import React from "react";

function MyComponent() {
  const handleFileUpload = (event: React.ChangeEvent<HTMLInputElement>) => {
    const file = event.target.files?.[0];
    if (file && isExcelFile(file.name)) {
      // 处理 Excel 文件
    } else {
      // 提示用户选择正确的文件类型
    }
  };

  return (
    <div>
      <input type="file" onChange={handleFileUpload} />
    </div>
  );
}

这个组件包含一个文件上传的表单，当用户选择文件后，会调用 `handleFileUpload` 函数。该函数首先获取到用户选择的文件，并使用 `isExcelFile` 函数来判断它是否为 Excel 文件。如果是，则处理文件；否则提示用户选择正确的文件类型。