React-pdf -点击按钮下载pdf

Question

我正在尝试生成和下载PDF时，页面上的特定按钮被点击，重要的是，我必须执行其他指令时，按钮被点击。

为了创建PDF，我使用React-pdf

我尝试使用PDFDownloadLink，但我找不到是否有在下载开始前注入验证的方法。

我的PDF看起来像这样

const MyDoc = () => (
    <Document>
        <Page>
            <View>
                <Text>Hello World!</Text>
            </View>
            <View>
                <Text>We're inside a PDF!</Text>
            </View>
        </Page>
    </Document>
);

，并使用执行下载

<PDFDownloadLink document={<MyDoc />} fileName="xyz.pdf">
    {({ blob, url, loading, error }) => (loading ? 'Loading document...' : 'Download now!')}
</PDFDownloadLink>

但正如我所说，我想在下载开始之前执行操作，但我不需要干扰pdf内容

你有什么意见建议？

Answer 1

我已经使用file-saver package创建了一个变通方法

我的按钮：

<button onClick={this.submitForm}>Send</button>

和submitForm方法：

submitForm = async (event) => {
    event.preventDefault(); // prevent page reload
    const blob = await pdf(
        <MyDoc />
    ).toBlob();

    saveAs(blob, 'wycena.pdf');
}