首页 > 解决方案 > 无法获取在我的 React 应用程序中工作的链接/路线

问题描述

我正在尝试自学 React。我为此构建了一个基本的 3 页网站,在本地主机上,一切似乎都很好。当我部署到 Netlify 或其他任何地方时,除了主页之外的 2 个页面不起作用。

我不确定这是否是路线问题,或者其他页面是否正在构建

我试过改变不同类型的路线。

这又是我在努力学习,我读到的所有内容,似乎我都做得对。

这是在自定义导航栏中

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>
        );
    }
}

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

标签: reactjs

解决方案


推荐阅读