medium_like_component.js

const Like = () => {
  const [likes, setLikes] = useState(0);
  const [dislikes, setDislikes] = useState(0);
  
  const onClickLikes = () => setLikes(likes + 1);
  const onClickDislikes = () => setDislikes(dislikes + 1);
  
  return (
    <div className="like">
      <Avatar
        className="avatar"
        onClick={() => {
          onClickLike();
        }}
        icon={likes ? <LikeFilled /> : <LikeOutlined />}
      />
      <span>{likes}</span>
      <Avatar
        className="avatar"
        onClick={() => {
          onClickDislike();
        }}
        icon={dislikes ? <DislikeFilled /> : <DislikeOutlined />}
      />
      <span>{dislikes}</span>
    </div>
  );
}