finalizando import { useRouter } from "next/router"; import { useState, useEffect } from "react"; export default function Dadosimc() { const [peso, setPeso] = useState(0); const [altura, setAltura] = useState(0); const [imc, setImc] = useState(0); const [nome, setNome] = useState(""); const [data, setData] = useState(""); const [registros, setRegistros] = useState< { nome: string; peso: number; altura: number; imc: number; data: string }[] >([]); const router = useRouter(); const { p_peso, p_altura, p_imc, p_nome } = router.query; // Carrega dados da query e data atual useEffect(() => { if (p_peso) setPeso(Number(p_peso)); if (p_altura) setAltura(Number(p_altura)); if (p_imc) setImc(Number(p_imc)); if (p_nome) setNome(String(p_nome)); const currentDate = new Date(); const formattedDate = currentDate.toISOString().split("T")[0]; setData(formattedDate); }, [p_peso, p_altura, p_imc, p_nome]); // Carrega registros salvos no LocalStorage ao abrir a página useEffect(() => { const dadosSalvos = localStorage.getItem("registrosIMC"); if (dadosSalvos) { setRegistros(JSON.parse(dadosSalvos)); } }, []); function gravarDados() { const novoRegistro = { nome, peso, altura, imc, data }; const novosRegistros = [...registros, novoRegistro]; setRegistros(novosRegistros); // Salva no LocalStorage localStorage.setItem("registrosIMC", JSON.stringify(novosRegistros)); } return (

{/* Formulário */}

Nome: setNome(e.target.value)} />

Peso:

Altura:

IMC:

Data

{/* Botão Voltar */}

{/* Tabela de registros */}

Nome

Peso

Altura

IMC

Data

{registros.map((item, index) => (

{item.nome}

{item.peso}

{item.altura}

{item.imc}

{item.data}

))}

); }

API Rest, Node e Typescript: #01 - Apresentação do curso

API Rest, Node e Typescript

Conteúdo do curso

Aplicação para calcular IMC em React Next Typescript #P7 - Aula 34 - Curso de React Next Typescript