Допустим, заходим на страницу с настройками (их множество).
1 настройка содержит информацию следующего вида:
settings_one: {
[
'type' => 'setting_name_1',
'switch' => true,
'input' => 5,
'other_input' => NULL,
'text' => 'Описание настройки 1',
],
[
'type' => 'setting_name_2',
'switch' => false,
'input' => 3,
'other_input' => NULL,
'text' => 'Описание настройки 2',
],
// ..........................
}
Сейчас получается следующая ситуация:
const [settings, setSettings] = useState(null);
const memoizedGetSettings = useCallback(async () => {
const response = await getSettings();
setSettings(response.settings);
}, []);
useEffect(() => {
memoizedGetSettings();
}, [memoizedGetSettings]);
Если я переходу на страницу с настройками, то данные подгружаются каждый раз с бэка, что логично.
Можно ли как-то сделать, чтобы, если я данные не изменил, запрос на бэк не слать?
На проекте есть final-form, можно ли как-то завязаться на pristine?