无法获取链接/路由以在我的React App中工作

Question

我试图自学React。为此，我建立了一个基本的3页网站，在本地主机上，一切似乎都很好。当我部署到Netlify或其他任何地方时，除主页以外的这两个页面都无法正常工作。

我不确定这是路由问题还是其他页面甚至无法构建

我尝试更改不同类型的路线。

再次，这是我试图学习的东西，而且我阅读的所有内容似乎都在做得对。

这在自定义导航栏中

import React, { Component } from 'react';
import {Navbar, Nav, Item, Container} from 'react-bootstrap';
import { Link } from 'react-router-dom';

export default class CustomNavbar extends Component {
    render() {
        return (
            <Navbar collapseOnSelect bg="dark" variant ="dark" >
                <Container>
             <Navbar.Brand>Deadman Jerky</Navbar.Brand>  
             <Navbar.Toggle /> 
            <Navbar.Collapse id="responsive-navbar-nav" className="justify-content-end" mr-5>
                <Nav className="justify-content-end" mr-5>
                <Nav.Item>
                <Nav.Link eventKey={1} componentClass={Link} href="/">Home</Nav.Link>
                </Nav.Item>
                <Nav.Item >
                <Nav.Link eventKey={2} componentClass={Link} href="order">Order</Nav.Link>
                </Nav.Item>
                <Nav.Item>
                <Nav.Link eventKey={3} componentClass={Link} href="about">About</Nav.Link>
                </Nav.Item>
                </Nav>
            </Navbar.Collapse>
            </Container>
            </Navbar>
        );
    }
}

我正在尝试使此导航栏中的链接正常工作。