Я новичок в реакции. Я пытаюсь сделать навигацию в шапке. я использую bulma css:
"bulma": "^0.7.4",
И я импортирую файл Bulma следующим образом:
import 'bulma/css/bulma.css';
Он работает для большей части css, но не с меню бургера, меню не сворачивается, когда я нажимаю кнопку бургера
Вот мой код заголовка:
import React,{Component} from 'react'
import {NavLink} from 'react-router-dom';
import style from './style.css';
class Header extends Component{
render(){
return (
<React.Fragment>
<nav className="navbar is-fixed-top" role="navigation" aria-label="main navigation">
<div className="navbar-brand">
<a href="/" className="navbar-item" to="/">
<img src="" alt="" width={112} height={28}/>
</a>
<a role="button" className="navbar-burger burger " aria-label="menu" aria-expanded="false" data-target="mainNavbar">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
</div>
<div id="mainNavbar" className="navbar-menu">
<div className="navbar-start">
<NavLink exact activeClassName={style.active} to="/" className="navbar-item">
Home
</NavLink>
<NavLink activeClassName={style.active} to="/films" className="navbar-item">
Films
</NavLink>
</div>
</div>
</nav>
</React.Fragment>
);
}
}
export default Header;
В
цель данных
Атрибут на кнопке бургера не вызывает меню. Пожалуйста, дайте мне знать, что я делаю не так. Спасибо