reactjs - 如何使用 React 檢查檔案副檔名

我想檢查檔案副檔名是圖片還是 PDF 檔案。但使用我的程式碼時，只有 else 部分生效。

 const thumbs = files.map((selectedFile) => (
    <div key={selectedFile["name"]} className="d-flex">
      {selectedFile['.type'] == ".pdf" ? (
        <iframe src={selectedFile["preview"]} style={{ height: "20%", width: "20%" }} />
      ) : (
        <img
          src={selectedFile["preview"]}
          alt={selectedFile["name"]}
          style={{ height: "20%", width: "20%" }}
        />
      )}
    </div>
  ));

答案＃1

你會實作一個函式來檢查這個。例如：

function getExtension(filename) {
  return filename.split('.').pop()
}

然後在程式碼中：

getExtension(selectedFile["name"]).toLowerCase() === "pdf" ? ...