SOLUCIÓN JAVASCRIPT:
Cómo crear para construir un componente de "botón Me gusta" usando React 16. El componente debe ser la exportación predeterminada (use export default).
Personalmente, prefiero usar componentes funcionales en lugar de usar componentes basados en clases. Una solución a su problema podría ser el siguiente código.
import React, { useState } from 'react'; const LikeButton = () => { const [likes, setLikes] = useState(100); const [isClicked, setIsClicked] = useState(false); const handleClick = () => { if (isClicked) { setLikes(likes - 1); } else { setLikes(likes + 1); } setIsClicked(!isClicked); }; return ( <button className={ `like-button ${isClicked && 'liked'}` } onClick={ handleClick }> <span className="likes-counter">{ `Like | ${likes}` }</span> </button> ); }; export default LikeButton;