Итак, у меня есть полностью рабочий метод, который сохраняет пользовательские настройки в локальное хранилище с помощью реакции. Я хочу сохранить эти настройки в моей базе данных, используя c# MVC, чтобы сохранить эти настройки, чтобы, когда пользователь входит в систему на другом компьютере и нет локального хранилища, он получает данные из базы данных. Я прочитал этот веб-сайт для некоторых рекомендаций Сохранение пользовательских настроек , я просто хотел бы узнать, как лучше всего прочитать данные обратно в мой интерфейс реакции и сравнить локальное хранилище с базой данных, чтобы увидеть, какой из них новее поэтому он будет использовать новейшие настройки. Мой код внешнего интерфейса React выглядит следующим образом:
componentWillMount(){
localStorage.getItem('ElementDataWidget') && this.setState({
widgets: JSON.parse(localStorage.getItem('ElementDataWidget')),
availableWidgets: JSON.parse(localStorage.getItem('AllElements'))
})
}
componentWillReceiveProps(nextProps){
const data = nextProps.data;
const allWidgetIds = this.getIdsFromWidgets(data);
const activeWidgetIds = JSON.parse(localStorage.getItem('ElementDataWidget'));
const availableWidgetIds = allWidgetIds.filter( ( el ) => !activeWidgetIds.includes( el ) );
this.setState({
widgets: this.getWidgetsFromIds(activeWidgetIds, data),
availableWidgets: this.getWidgetsFromIds(availableWidgetIds, data),
});
}
componentWillUpdate(nextProps, nextState){
localStorage.setItem('ElementDataWidget', JSON.stringify(this.getIdsFromWidgets(nextState.widgets)));
}