如何相应地在React和Load库中识别文件类型？

Question

我必须在react-modal-image和react-player之间识别文件类型和加载库，以显示各自的内容 例如。如果我想看该帖子，即视频->应该播放， 如果photo->它应该放大。

我正在从后端获取图像/视频，如果视频应使用占位符播放，如果照片应将其放大。我尝试使用JS，但未获得满意的结果。

             <Image>
                <a>
                  <div style={{ maxWidth: '500px' }}>
                    <ModalImage
                      small={url + fileUrl}
                      large={url + fileUrl}
                      alt='Photos'
                    />
                  </div>
                </a>
              </Image>