React.js: Синхронизация всего состояния с localStorage

Question

Я хотел бы сохранить состояние своего приложения в localStorage. Есть ли обратный вызов или событие, которое срабатывает при изменении состояния? Я бы использовал его для звонка localStorage.state = JSON.stringify(this.state). Возможно, используя 0,5 сек. Дросселирования.

TodoMVC React examples использует localStorage как хранилище. Однако он определяет сохранение и удаление в обработчиках событий, таких как keydown и click. Для моего дела, сделав то же самое, будет создано множество шаблонов.

Answer 1

В методе с componentDidUpdate жизненным циклом можно сериализовать состояние:

componentDidUpdate: function(prevProps, prevState) { 
    localStorage.state = JSON.stringify(this.state); 
} 

Этот код будет выполняться каждый раз, когда компонент повторно выводит (что случается с каждым реквизита или изменения состояния).