Навигация работает, домашняя ссылка всегда активна, остальные ссылки в порядке. Добавление как компонент, без реквизита.
HTML
<Menu/>
CSS
.active{
background-color:#ff6a00;
}
JS
import React, { Component } from 'react';
import './menu.css';
import { NavLink } from 'react-router-dom'
export default class TopMenu extends Component {
render() {
return (
<div className="ui container">
<div className="ui stackable menu">
<div className="item">
<NavLink to='/' >
<i aria-hidden="true" className="home icon" ></i>
Home
</NavLink>
</div>
<div className="item">
<NavLink to='/about' >
<i aria-hidden="true" className="circle info icon" >
</i>
About
</NavLink>
</div>
<div className="item" >
<NavLink to='/Settings'>
<i aria-hidden="true" className="cogs icon red" ></i>
Settings
</NavLink>
</div>
</div>
</div>
);
}
}
Идеи кто-нибудь, почему дом всегда активен?