I am using input from text input element to populate a collection of notes in the backend: these notes are displayed on the UI via list-items.
The user presses “comment” button after entering notes text and subsequently two services are invoked in succession 1) add this input to the backend collection, 2) Fetch the backend entries, which are then displayed as list-items on UI.
I notice that once the comment button is clicked, the backend gets populated as expected. However the new entry doesn’t get displayed on the page in the list-items. However, when an additional comment is now entered, the previous comment then shows up on the display.
Is this because the services are being called in succession and the query happens too soon before the DB is updated? But I wouldn’t expect this since I am calling the latter service after the first.
How may I fix this?
Thank you.