Tengo algunas entradas definidas en reaccionar. Estoy asignando una función a su función onChange . Puedo encontrar el valor actual. ¿Cómo puedo obtener el valor anterior de la manera más simple?
La razón por la que quiero esto es porque quiero encontrar la relación entre este nuevo valor y el valor anterior y hacer algunas operaciones.
Código de muestra:
let onChange = (e) => { let newValue = e.target.value; // let oldValue = will be here } <Input type="number" onChange={onChange }></Input>Si el valor anterior no es necesario en el estado del componente, use una referencia como la siguiente, puede cambiar su valor inicial
const oldValueRef = React.useRef(0) let onChange = (e) => { const oldValue = oldValueRef.current; let newValue = e.target.value; // let oldValue = will be here // after everything oldValueRef.current = e.target.value; } <Input type="number" onChange={onChange }></Input>Puedes usar un estado para hacerlo:
const [state, setState] = useState(""); let onChange = (e) => { let oldValue = state; let newValue = e.target.value; setState(newValue) // your logic }; <Input type="number" value={state} onChange={onChange}></Input>;