Actualmente estoy aprendiendo reactjs. Quiero almacenar mis datos anteriores y los próximos datos en estado de uso. HAY algun truco para eso?
Por ejemplo: primero ingreso "A" y luego ingreso "B". Quiero que A y B se almacenen en estado de uso incluso cuando agrego nuevos datos en él
Usaría el estado del objeto para esto, luego puede mantener ambos estados. Aquí está la versión de trabajo https://codesandbox.io/embed/frosty-bird-hg3izs?fontsize=14&hidenavigation=1&theme=dark
import { useState } from "react"; export default function App() { const [obj, setObj] = useState({previous: '', current: ''}) const handleChange = (e) => { setObj({previous: obj.current, current: e.target.value}) } return ( <div className="App"> <input value={obj.current} onChange={(e) => handleChange(e)} /> <p>I am previous {obj.previous} </p> <p>I am current {obj.current} </p> </div> ); }Es muy fácil. Puedes usar mi fragmento de código. Con la ayuda de esto, puede almacenar sus datos anteriores y también los próximos.
Método 1
const [arrayOfObjs, handleObjSelection] = useState([]); // on a buttton for example <button onClick={selectedObj => handleObjSelection( prevSelected => [...prevSelected, selectedObj], ))} >Segundo método:
const [ store, setStore] = useState([]); ..... setStore(...store, upcomingData);Aquí Próximos datos son los datos que desea agregar en useState. Se puede almacenar también. Me gusta :
const [ store, setStore] = useState([]); ..... setStore(...store, store);¡Feliz codificación!