我如何将Nav.Link重定向到“ .html”页面？

Question

我的网站上有一个react navbar，我想将我的页面重定向到.html页面，但无法正常工作。

这是我正在使用的组件，带有对QR CODE页面的href引用，与组件页面所使用的级别相同。

项目链接：https://github.com/rudsonramon/customerservice.git

import React from 'react';
import { FaHome } from 'react-icons/fa';
import FormControl from 'react-bootstrap/FormControl';
import Form from 'react-bootstrap/Form';
import Nav from 'react-bootstrap/Nav';
import Navbar from 'react-bootstrap/Navbar';
import Container from 'react-bootstrap/Container';
import Button from 'react-bootstrap/Button';;

function HeaderContainer() {
    return (
        <div>
            <Container>
                <Navbar fixed="top" bg="primary" variant="dark">
                    <Navbar.Brand href="#home">ConcertTI</Navbar.Brand>
                    <Nav className="mr-auto">
                        <Nav.Link href="#home"> <FaHome /> </Nav.Link>
                        <Nav.Link href="QrCode.html" target='_self'>QR Code</Nav.Link>
                    </Nav>

                    <Form inline>
                        <FormControl type="text" placeholder="Search" className="mr-sm-2" />
                        <Button variant="outline-light">Procurar</Button>
                    </Form>
                </Navbar>
            </Container>
        </div>
    )

}

export default HeaderContainer;

Answer 1

./Qrcode.html将其定向到名为Qrcode.html的子文件夹。删除./，然后重试。