24 | lastname: lname 25 | }; 26 | > 27 | setobj(obj.data.push(dat)); | ^ 28 | console.log(obj); 29 | }; 30 |No lo entendí por primera vez, pero cuando vuelvo a escribir el valor del formulario y lo envío, me muestra estos problemas. ahí abajo está mi código completo.
function App() { var [obj, setobj] = useState({ data: [ { name: "chetan", lastname: "vashisht" } ] }); var [name, setname] = useState(""); var [lname, setlname] = useState(""); const handle = (e) => { e.preventDefault(); const dat = { name: name, lastname: lname }; setobj(obj.data.push(dat)); console.log(obj); }; return ( <div className="App"> <form onSubmit={handle}> <label>Enter your name:</label> <input id="ing" type="text" value={name} onChange={(e) => setname(e.target.value)} required autoFocus /> <br /> <label>Enter last name:</label> <input type="text" value={lname} onChange={(e) => setlname(e.target.value)} required /> <br /> <button>Sign in</button> </form> </div> ); }aquí hice un estado que es el objeto usando useState() donde tengo que almacenar los datos en obj.data, así que usé el método .push() para almacenar los datos. funciona bien al principio, pero luego, si almaceno valores nuevamente, me muestra un error.
Siempre debe pasar un nuevo valor a setobj .
setobj(obj.data.push(dat)); Aquí está pasando el valor de retorno de push , que es la longitud de obj.data , que será primitivo del number de tipo. así que la próxima vez que vuelva a hacer clic en el push de inicio de signin , intentará acceder a un valor undefined .
SOULTION
En su lugar, debe establecer el estado como:
setobj({ ...obj, data: [...obj.data, dat] });