Criar um componente <LikeButton/> usando o React 16. O componente deve ser usar export default no arquivo.
-
O <LikeButton/> deve:
- Ter um conteúdo seguindo o seguinte formato: "Like | 100", onde 100 é número o total de likes.
- Ter uma classe chamada
like-button. - O número de likes deve estar contido em um
<span>com uma classe chamadalikes-counter. - O número inicial de likes deve ser igual a 100.
-
Devemos "dar um like" clicando no <LikeButton/>:
- O número de likes deve incrementar em 1 o valor total de likes.
- A classe
likeddeve ser adicionada ao <LikeButton/> (A biblioteca classnames pode ser usada para facilitar a implementação).
-
Podemos desfazer o like clicando novamente no <LikeButton/>:
- O contador deve decrementar em 1 o valor total de likes.
- A classe
likeddeve ser removida do <LikeButton/>.
- Acesse o link e faça o fork do projeto.
- Use o arquivo
LikeButton.jsxpara implementar o <LikeButton/> e adicione o componente noindex.js. - Apenas dois imports no arquivo
LikeButton.jsxsão permitidos: React (v16.13.1) e classnames (v2.2.6). - Use a animação abaixo como referência para a sua solução.
- Design e estilo do componente não vão afetar sua avaliação na entrevista. Se preocupe APENAS com os requisitos.
- A aba "Browser" do codesandbox mostrará o resultado do seu código, ajudando à testá-lo.
