Изображение или файл, которые будут открыты в средстве просмотра файлов при нажатии, реагируют js

#reactjs

#реагирует на

Вопрос:

В приведенном ниже коде он проверяет, является ли прикрепленный файл PDF или изображением, а затем выводит соответствующее изображение. Теперь я пытаюсь просмотреть эти прикрепленные файлы в каком-то средстве просмотра, при нажатии на него я пробовал разные компоненты «viewers npm», но они, похоже, не поддерживают все форматы. Мне это нужно для проверки и открытия всех форматов файлов в средстве просмотра.

Компонент моего файлового менеджера

 const Filemanager = (props) =gt; {   const{ UnitData }=props  console.log("unit data", UnitData)  const url = 'This includes my server link'  UnitData    const checkImg = (link) =gt; {    return (link.includes(".png") || link.includes(".jpg") || link.includes(".jpeg"));   }  const checkPdf = (link) =gt; {  console.log("inside pdf function")  let a = link.includes(".pdf");  console.log("pdf is", a)  return a;     }   return(  lt;gt;   lt;div className="container"gt;      {   !!UnitData amp;amp; checkImg(UnitData) ?  lt;button gt; lt;Image/gt; lt;/buttongt;:   !!UnitData amp;amp; checkPdf(UnitData) ?  lt;button gt; lt;File/gt;lt;/buttongt;:     lt;a href={UnitData} gt;{UnitData}lt;/agt;    }   lt;/divgt; lt;div className='container'gt;  lt;brgt;lt;/brgt;     lt;brgt;lt;/brgt;  lt;h4gt;View Filelt;/h4gt;  lt;div className='pdf-container'gt;  {url}   lt;/divgt;  lt;/divgt;     lt;/gt;  );  }; export default Filemanager;