Reactstrap Navbar到PDF的链接不起作用

Question

I for some reason cannot get this simple link to a PDF to work. I am using react, reactstrap navbar with bootstrap css. Here is an example of my issue: https://codesandbox.io/s/n3yqk17q8l

I must be missing something simple. Thanks for your time!

import React from "react";
import ReactDOM from "react-dom";
import {
Collapse,
Navbar,
NavbarToggler,
NavbarBrand,
Nav,
NavItem,
NavLink
} from "reactstrap";
import "bootstrap/dist/css/bootstrap.min.css";

import "./styles.css";

function App() {
return (
    <div style={{ width: "100%" }}>
    <Navbar color="dark" dark expand="sm">
        <NavbarBrand href="/">Brand</NavbarBrand>
        <NavbarToggler />
        <Collapse navbar>
        <Nav className="mr-auto" navbar>
            <NavItem>
            <NavLink href="/sample.pdf">
                <span className="fa fa-fw fa-file-pdf" /> PDF
            </NavLink>
            </NavItem>
        </Nav>
        </Collapse>
    </Navbar>
    </div>
);
}

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);

Answer 1

<NavLink href="/sample.pdf">

You need to remove the dot from this url. Is there any reason that you need to include the dot in the pdf link? For exmple, this will work

 <NavLink href="/sample">