reactjs - 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>
);
}
解决方案
推荐阅读
- reactjs - React Redux this.props 是空的?
- c# - 如何在 C# 中实现密钥库(证书)soapui?
- sql - 当字段不是数字时转换为数字
- mongodb - 查询文档及其嵌套数组
- servicestack - 在后端获取 json 大小写
- javascript - 在 CSS 中使用 Nativescript icomon 字体的颜色和大小
- android - 构建设备树以在 Rockchip rk3288 板上运行 Linux 内核
- batch-file - 在另一个文件 .bat 中删除具有其名称和路径的文件
- javascript - 将整个网页放入 document.write();
- c# - C#将数字插入到排序位置的列表框中