如何添加 URL 以用作 React-pdf 中的可点击链接

我正在使用react-pdf库生成pdf。一切似乎都工作正常，但我无法使Link@react-pdf/renderer 中的元素正常工作。

const add_hyperlink = (url_text: string) => {
  return <Text><Link src={url_text}>{url_text}</Link></Text>;
};

在 pdf 文档中，它显示为链接，甚至指针在悬停时发生变化，单击链接时，在 chrome 中没有任何反应，而在 adobe reader 中，它会导致安全阻止。

我尝试使用<a>标签代替，但它产生了相同的输出。有人知道如何解决这个问题吗？谢谢。

编辑： 我在研究这个问题时意识到的一些事情。记下是因为很容易对微小的差异感到困惑。

有几次提到使用注释选项，包括"import 'react-pdf/dist/Page/AnnotationLayer.css';"哪些选项可以使链接对许多开发人员正确显示。然而，这属于react-pdf库，只有在需要在react-app中渲染pdf时才有效。

在本例中，我正在创建一个新的 PDF，@react-pdf/renderer但我正在生成一个链接来下载生成的 PDF 文件（https://react-pdf.org/advanced#on-the-fly-rendering）。

我也找到了解决我的问题的方法。我使用的链接应该重定向到另一个网址，因此出现了问题。我使用了src中的最后一个链接，然后它工作顺利。

我希望这些观察对将来的人有帮助:)