reactjs - Hur man kontrollerar filändelse med React

Jag vill kontrollera om filtillägget är en bild eller en pdf-fil. Men när jag använder min kod fungerar bara else-delen.

 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>
  ));

Svar #1

Du skulle implementera en funktion för att kontrollera det. Exempel:

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

Och sedan i koden:

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

Relaterade artiklar