1

Tengo un problema con el getItem de mi localStorage en mi React Form. Puse un atributo onChange:

Encontré la función setItem para almacenar los datos. Aquí está la función:

 function save_data(){ let textarea = document.querySelectorAll("textarea") let input = document.querySelectorAll("input[type='text']") let saved_fields = [] textarea.forEach(x => { saved_fields.push({ key: x.className, value: x.value }) }) input.forEach(x => { saved_fields.push({ key: x.className, value: x.value }) }) localStorage.setItem("saved_data", JSON.stringify(saved_fields)) }

Mi principal problema es que no encuentro una manera de volver a colocar los datos en la página después de que se recarga la página. Acabo de descubrir cómo persistir todas mis entradas en la consola:

 window.onload = dataLoad(); function dataLoad () { let show_saved_data = localStorage.getItem("saved_data"); console.log('show_saved_data:',JSON.parse(show_saved_data)); }

¿Pueden ayudarme a encontrar la función de recuperación/persistencia de datos?

Aquí está el html del formulario, uso accesorios de otro componente. No sé si esto puede cambiar la función que necesito usar.

 <InputFields stateKey = 'contactInfo' key = {props.contactInfo.id} completedFields = {props.contactInfo} templateFields = {props.templates.contactInfo} onDataEntry = {props.onDataEntry} newField = {props.newField} />