Adding object to existing React Native AsyncStorage?

Question

JavaScript

Hello. There is the following piece of code:

saveData(id, medicineName) {
        let note = { id, medicineName }
        let noteList = AsyncStorage.getItem('noteList');
        AsyncStorage.setItem('noteList', noteList += JSON.stringify(note));
}

saveData is called when the button is clicked, the principle of operation is similar to the classic one.
Various note objects are added to AsyncStorage with their ID and name, but the problem is that when the content is output to the console, the following appears:

That is, with each subsequent addition of a new "note", only the last one is correctly displayed.

Answer 1

saveData(id, medicineName) {
    let note = { id, medicineName }
    let noteList = AsyncStorage.getItem('noteList');
    let parsedNoteList = noteList ? JSON.parse(noteList) : [];
    parsedNoteList.push(note);

    AsyncStorage.setItem('noteList', JSON.stringify(parsedNoteList));
}

As I understand it, there should be a collection, not a string.