Resumo do Transcrito

A gente falou do type text, agora eu gostaria de falar do type checkbox, voltando aqui ao meu fórmulares aqui, senão a gente fez o input type text, agora tem o input type checkbox que pode fazer as escolhas, múltiplas escolhas, nesse caso as frutas que eu gosto, banana, caminabaça, morango, você pode selecionar as que você gosta, senão o input type checkbox tem um nome que na verdade é um array coletando de frutas porque pode ser mais de uma escolha, note esse brackets, o valor tem que ter o valor da fruta, do input, deixa eu só copiar isso, vou esperar você copiar também, vamos copiar para o nosso componente de react, voltando aqui ao meu app, depois do nome, vou colar frutas que eu gosto, está bom? salva, deixei algo errado, o que é que aconteceu? olha o problema aqui, o problema, se lembra daquilo que eu falei, the closing tag, tem que sempre fechar as suas tags quando você usar JSX, porque não é HTML puro, parece mas não é, então a cada input eu vou adicionar uma barra no final para fechar, voltando aqui, pareceu lá, frutas que eu gosto, vamos dar um br, não nos importamos com estilo agora, então está tudo ok, vou dar um br aqui também, depois da banana, maçã e depois do morango, vou tirar esse class name do app, porque está deixando tudo centralizado, está bom? tirei a classe, está tudo melhor aqui, aparecendo.