javascript - React pdf onclick 下载

Question

我对 react 有疑问。我有一个嵌入 pdf 和下载按钮的程序。我想点击按钮下载 pdf。

相反，我的程序将我重定向到您下载 pdf 的另一个页面，这意味着它存在于应用程序中，但我只想留在同一个应用程序中并在我的应用程序中下载 pdf。

有没有我可以使用的插件？

请在下面找到我的代码:

<div>
    <object data={this.props.file} type='application/pdf'>
        <embed src={this.props.file} type='application/pdf' />
    </object>
    {
     this.props.author ==='bot' ?
        <a href={this.props.file} download={this.props.file}>
            <input alt='download' type={'image'} src={download} />
        </a>
     :
        ''
    }
 </div>

Answer 1

您可以使用基本的 HTML 来处理这个问题。你不需要任何插件。我更喜欢使用 reactstrap 而不是 bootstrap。

import { Row, Col } from "reactstrap";
           <Row>
            {/* off set will middle the col */}
            <Col md={{ size: 8, offset: 2 }}>
              <div >
                <a
                  //this will save the file as "your_cv.pdf"
                  download="your_cv.pdf"
                  //put the path of your pdf file
                  href="/static/resume.pdf"
                  //reactstrap classes. add green button
                  className="btn btn-success"
                >
                  Download
                </a>
              </div>
              <iframe
                style={{ width: "100%", height: "800px" }}
                src="/static/resume.pdf"
              >
                {" "}
              </iframe>
            </Col>
          </Row>