首页 > 解决方案 > react中的路由-链接到或href

问题描述

我正在创建一个反应项目,但我遇到了 href 问题。当我使用 href 在本地运行项目时,汉堡菜单上的一切都运行顺利。但是,当我将它放在服务器上时,它并不能很好地路由。当我使用 Link to 时,它工作正常,但在单击另一个页面的链接时汉堡菜单不会折叠。在这里查看网站: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>
);

}

标签: reactjsroutesreact-routerhreflink-to

解决方案


推荐阅读