reactjs - 如何在 React Typescript 内的新选项卡中打开 pdf 文件

Question

我正在尝试在 React Typescript 项目的新选项卡中打开一个 pdf 文件。

这是我正在尝试的：

import { Pdf } from '../path/filename.pdf';

<a href={Pdf} target='_blank'>Click Here</a>

但是即使文件路径和名称正确，我仍然会收到找不到页面的错误

标签： reactjstypescriptpdf

Answer 1

您可以尝试删除导入周围的花括号。

import Pdf from '../path/filename.pdf';

这个工作的原因（我假设）是因为没有命名导出（因为它是一个文件），使用花括号将不起作用，因为 React 正在寻找一个名为“Pdf”的命名导出。