Как обновить состояние Api контекста новыми значениями, не выполняя множество действий?

#typescript

Вопрос:

У меня есть следующая логика в компонентном модуле. У меня есть функция, которая устанавливает массив элемента в ls, массив этого элемента должен отображаться в пользовательском интерфейсе.

Проблема в том, что эти элементы отображаются только после прочтения страницы. Как обновить состояние по умолчанию после установки этих элементов в ls ?

 // Component module  // Onclick const addLsToState = () =gt; {  data = [{item : 1} , {item : 2}]  localStorage.setItem('items', JSON.stringify(data));  }   // State module let items = JSON.parse(localStorage.getItem('items') || '[]');  const defaultState: StateInterface = {  items: [...items] }