Estoy tratando de agregar un objeto a una matriz existente de objetos en AsyncStorage, sin embargo, no tengo éxito. ¡Cualquier ayuda es apreciada!
Código actual:
const [storageItems, setStorageItems] = useState([]); const handleHabitCreation = async () => { setLoading(true); const newHabit = { name: name, color: updatedColor, days: daysCount, times: timesCount, reminder: selectedDate, description: description, }; try { const jsonValue = await AsyncStorage.getItem('@habit'); setStorageItems(jsonValue); } catch (error) { console.error(error); } const stringifiedHabit = JSON.stringify(newHabit); setStorageItems([...storageItems, stringifiedHabit]); try { await AsyncStorage.setItem('@habit', JSON.stringify(storageItems)); setTimeout(() => { setLoading(false); navigation.pop(3); }, 2500); } catch (error) { console.error(error); } };El problema es que no está analizando los datos json en cadena. Necesita analizarlo para realizar cualquier modificación. Guarde los datos en el estado como json analizado y clasifíquelos justo antes de guardarlos en el almacenamiento asíncrono. Prueba este código:
try { const jsonValue = await AsyncStorage.getItem('@habit'); // saving parsed json const data = JSON.parse(jsonValue) setStorageItems(data); } catch (error) { console.error(error); } // state depends on previous state setStorageItems((prevState) => [...prevState, newHabit]);o para acortar
try { const jsonValue = await AsyncStorage.getItem('@habit'); let data = JSON.parse(jsonValue) // parse to modify // push newHabit as well data.push(newHabit) setStorageItems(data); } catch (error) { console.error(error); }en ambos enfoques, encadenar el objeto al final
await AsyncStorage.setItem('@habit', JSON.stringify(storageItems));