reactjs - 无法获取在我的 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>
);
}
}
我正在尝试使此导航栏中的链接正常工作..
解决方案
推荐阅读
- javascript - 图像未使用 Angular 中的新 URL 刷新
- postgresql - 如何为 python Bitbucket Pipeline 设置 Postgres 数据库模式
- wordpress - Woocommerce - 按首字母分组
- jquery - .parent().find('img').eq(0) 错误
- visual-studio-code - VS 代码重构:更改所有出现 - 但仅在块范围内
- r - 根据分隔符的数量在列中分隔字符串
- shell - Makefile - 参数列表太长,但仅在某些配置中
- r - 在 R 中处理 JSON 数据
- php - 电子邮件验证以知道电子邮件确实存在于使用 php 的服务器上
- java - 在 Rest API 中为 HTTP GET 请求设置的标头是什么