Caso não lembre como funciona o processo de entrega, clique aqui
- Enviar props para componentes filhos;
- Receber props do componente pai;
- Acessar props
Vamos utilizar o LabeTube, da aula anterior. Nesse exercício vamos tornar nosso projeto mais dinâmico, alterando os vídeos para que deixem de ser o mesmo vídeo, e seus valores sejam criados e passados por props.
Para executar este exercício, você pode criar uma nova aplicação React, como foi visto na aula passada, ou utilizar o link abaixo para ir ao template no CodeSandbox. Este template para exatamente onde o exercício da última aula acaba.
Caso queira usar uma aplicação React, rode npm install neste projeto, para baixar as dependências e poder executá-lo.
No App.js, crie um objeto com as informações do seu vídeo que são mostradas na tela (imagem e título). Passe essas informações por props para o seu componente CardVideo, criado na aula passada.
Agora, no componente pai de InfosUsuario, componente também criado na aula passada, passe as informações do usuário por props.