как в реакт реализовать изменение стилей элемента при наведении?

делаю небольшое spa на реакте и возник вопрос, как реализовать подобный функционал?

/*код примерно такой*/
function Menu() {
return (
  <div className='menu'>
    <div className='btns'>
      <button/><button/><button/><button/>
    </div>
    <div className='acc-section'>
      <div className='acc-img'/>
      <button/>
    </div>
  </div>
)
}

понимаю,что надо это как то через состояние элемента сделать и менять его через onMouseEnter, но как через состояние сообщать стили? Не делать же это через условные рендеринг по типу if (stateName == ...) {return 'hidden'/*класс*/}