import { useState } from "react"; import "./ExpenseForm.css"; function ExpenseForm() { const [enteredTitel, setEnteredTitle] = useState(""); const [enteredAmount, setEnteredAmount] = useState(""); const [enteredDate, setEnteredDate] = useState(""); const titleChangeHandler = (event) => { setEnteredTitle(event.target.value); }; const amountChangeHandler = (event) => { setEnteredAmount(event.target.value); }; const dateChangeHandler = (event) => { setEnteredDate(event.target.value); }; const submitHandler = (event) => { event.preventDefault(); const expenseData = { title: enteredTitel, amount: enteredAmount, date: new Date(enteredDate), }; console.log(expenseData); }; return ( <form onSubmit={submitHandler}> <div className="new-expense__controls"> <div className="new-expense__control"> <label>Title</label> <input type="text" onChange={titleChangeHandler} /> </div> <div className="new-expense__control"> <label>Amount</label> <input type="number" min="0.01" step="0.01" onChange={amountChangeHandler} /> </div> <div className="new-expense__control"> <label>Date</label> <input type="date" min="2019-01-01" max="2022-12-12" onChange={dateChangeHandler} /> </div> </div> <div className="new-expense__actions"> <button type="submit">Add Expense</button> </div> </form> ); }

exportar formulario de gastos predeterminado; Estoy siguiendo un curso de reacción de udemy. el error en el título aparece en la consola del navegador cuando intento usar el formulario. cuando lo busqué, este error generalmente aparece cuando un formulario está en un formulario, pero no hay otros en mi código, alguna idea de por qué sucede esto.