React pdf onclick download

You can handle this with basic HTML. you do not need any plugins. I prefer using reactstrap instead of 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>

You can download the pdf file as a blob and temporarily create a link to download that blob as a file. You can do something like:

fetch(this.props.file, {
    method: 'GET',
    headers: {...headers},
})
  .then(res => res.blob())
  .then(blob => {
    const url = window.URL.createObjectURL(new Blob([blob]));
    const link = document.createElement('a');
    link.href = url;
    link.setAttribute('download', 'YOUR_PDF_NAME.pdf');
    document.body.appendChild(link);
    link.click();
    link.parentNode.removeChild(link);
  });

Not sure how your pdf hosting server is configured, you can set the headers of request accordingly.