如何添加URL以作为可点击链接工作？

Question

我正在使用React-PDF库生成PDF。 一切似乎都正常工作，但是我无法从 @react-pdf/Renderer中制作链接元素以正常工作。

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

在PDF文档中，它看起来像是一个链接，甚至指针在悬停时都会更改，单击链接时，在Chrome中没有发生任何事情，而在Adobe Reader中，它会导致安全块。

我尝试使用＆lt; a＆gt;标签，但导致相同的输出。 有人知道如何解决这个问题吗？谢谢。

编辑： 我在研究此研究时意识到的事情。注意，因为很容易与微小的差异混淆。

1. Library @React-PDF/Renderer用于在React中创建PDF。
2. Library React-PDF用于在React应用中显示现有的PDF。

关于使用注释选项的一些提及，包括“导入'react-pdf/dist/page/annotationlayer.css';“，使链接适当地显示了许多开发人员。但是，这属于React-PDF库，只有在需要将PDF呈现在React-App中时才有效。

在这种情况下，我正在使用@react-pdf/Renderer创建一个新的PDF，但是我正在生成一个链接来下载生成的PDF文件（ https://react-pdf.org/advanced#on-the-fly-the-fly-rendering ）。

我也找到了解决问题的解决方案。 我使用的链接应该重定向到另一个URL，因此问题。我使用了SRC中的最终链接，然后它运行顺利。

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

Answer 1

import { Document, Link, Page, Text } from '@react-pdf/renderer'

const doc = () => (
  <Document>
    <Page>
      <Link src='#Footnote'> // Notice the hash symbol
        Click me to get to the footnote
      </Link>

      // Other content here

      <Text id='Footnote'> // No hash symbol
        You are here because you clicked the link above
      </Text>
    </Page>
  </Document>
);