class PortfolioMenu extends Component {
isActive= (match, location) => {
if (match) {
if (document.querySelector('.portfolio-menu')){
document.querySelector('.portfolio-menu').className += " new-classjs";
}
}
return match;
};
render(){
return (
<div>
<Router>
<div class="wrapper2">
<div class="wrapper-portfolio">
<Route exact path='/portfolio' render={() => <Intro />} />
<Route exact path='/portfolio/casas' render={() => <Casas />} />
</div>
<nav>
<ul className="portfolio-menu">
<li><NavLink activeClassName="active" isActive={this.isActive} exact to="/portfolio">⢠introdução</NavLink></li>
<li><NavLink activeClassName="active" exact to="/portfolio/casas">⢠casas</NavLink></li>
</ul>
</nav>
</div>
</Router>
</div>
)
}
}
export default PortfolioMenu
console.log(page detected)
isActive= (match, location) => {
if (match) {
if (document.querySelector('.portfolio-menu')){
document.querySelector('.portfolio-menu').className += " new-classjs";
}
}
return match;
因此,问题的根源在于,在这个特殊情况下,函数体中发生的情况不起作用。除了“portfolio menu”类之外,我还想总结一下“new classjs”类:
<ul className="portfolio-menu new-classjs"">
. 我怎样才能解决它?