Reactstrap Navbar ссылка на PDF не работает

Question

Я по какой-то причине не могу заставить эту простую ссылку на PDF работать. Я использую реагировать, реактивстрап навбар с начальной загрузкой CSS. Вот пример моей проблемы: https://codesandbox.io/s/n3yqk17q8l

Я должен пропустить что-то простое. Спасибо за ваше время!

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">

Вы должны удалить точку из этого URL. Есть ли причина, по которой вам нужно включить точку в PDF-ссылку? Например, это будет работать

 <NavLink href="/sample">