Я создаю небольшой радиоплеер в ReactJS и Material UI. На самом деле я использую этот код для отображения кнопки «Воспроизвести» или «Пауза»:
<IconButton className="player-control-play" onClick={this.togglePlay}>
{ (player_state.playing) ? <PauseIcon /> : <PlayArrowRoundedIcon /> }
</IconButton>
И для лучшего опыта я хочу добавить морфируемый переход, когда эти значки меняются местами. Я просмотрел несколько библиотек, например , эту , но, вероятно, она устарела, поскольку в моем приложении возникает ошибка компиляции.
Поэтому я хотел узнать, есть ли у кого-нибудь предложения по достижению этой цели! :)
Спасибо