·

Análise e Desenvolvimento de Sistemas ·

Engenharia de Software

Envie sua pergunta para a IA e receba a resposta na hora

Texto de pré-visualização

Na semana 4 foi apresentado o conteúdo de array em React fechando assim o conteúdo da criação de um único componente Com este conhecimento você deverá realizar uma atividade somativa com todos os conteúdos vistos até o momento Com base no conhecimento obtido durante as 4 primeiras semanas crie uma nova aplicação em React exatamente igual da figura abaixono componente você deverá colocar um título de Login 2 inputs email e senha um botão de validação Acessar e uma label Ao clicar no botão Acessar deverá verificar se o campo de email é igual a eduardolinopucprbr e senha igual a 123456 você poderá colocar seu email e senha desejado o importante é a lógica da construção da aplicação Caso os valores sejam iguais aos valores do enunciado deverá ser mostrado a mensagem Acessado com sucesso na label abaixo do botão Caso algum dos dois campos estejam com valores diferentes do enunciado deverá ser mostrado a mensagem Usuário ou senha incorretos Componentes ESTRUTURA PARA ENTREGAR SRC meuprojetoreact src Appjs components Iniciojs Nomejs styles Appcss import useState from react import Appcss export default function App const email setEmail useState const senha setSenha useState const handleSubmit e epreventDefault if email testegmailcom senha 12345678 setMensagemlskdjlsdkjdfjlsjadlkjdslfjlkdsf else setMensagem Email ou senha inválidos return div classNamecontainer h1Tela de Loginh1 form onSubmithandleSubmit input typeemail placeholderDigite seu email valueemail onChangee setEmailetargetvalue required input typepassword button typesubmitEntrarbutton form mensagem p classNamemensagemmensagemp div