在react中路由-链接到或href

Question

我正在用React创建一个项目，而href出现了问题。当我使用href在本地运行项目时，所有内容在汉堡菜单上都可以顺利运行。但是，当我将其放在服务器上时，路由效果不佳。 当我使用“链接到”时，它工作正常，但单击另一页面上的链接时，汉堡菜单不会折叠。在此处检查站点：http://tinturarianatural.pt/

function Header() {
return(

   <div className="nav">
        <input type="checkbox" id="nav-check"/>
        <div className="nav-header">
            <div className="nav-title">
                <Link to="/"><img className="logotipo-header" src={logo} alt="logotipo" /></Link>
            </div>
        </div>
        <div className="nav-btn">
            <label htmlFor="nav-check">
                <span></span>
                <span></span>
                <span></span>
            </label>
        </div>

        <div className="nav-links">
            <li><Link to="/">INICIO</Link></li>
            <li><Link to="/projeto">PROJETO</Link></li>
            <li><Link to="/parceiros">PARCERIA</Link></li>
            <li><Link to="/plantas">PLANTAS & LÃ</Link></li>
            <li><Link to="/recursos">RECURSOS</Link></li>
            <li><Link to="/contactos">CONTACTOS</Link></li>
        </div>
    </div>
);

}