Frontender Libs - обзор библиотек JS / CSS

Метод unstable_batchedUpdates в React

unstable_batchedUpdates позволяет объединить несколько вызовов обновления состояния, чтобы минимизировать количество ререндеров компонентов.

Обычно React автоматически выполняет "батчинг" обновлений состояния внутри событий, таких как клики или события ввода. Однако, если обновление происходит вне этих контекстов, например, внутри setTimeout или промиса, каждое изменение состояния вызывает отдельный ререндер.

Пример применения:

import { unstable_batchedUpdates } from 'react-dom';

setTimeout(() => {
    unstable_batchedUpdates(() => {
        setState1(prev => prev + 1);
        setState2(prev => prev + 1);
    });
}, 1000);

Без использования unstable_batchedUpdates React вызвал бы два ререндера, один для каждого setState. С помощью метода обновления объединяются в один ререндер, улучшая производительность приложения.

👉 @sWebDev

👍6👎1

www.tgoop.com/sWebDev/3327

1.37K viewsDec 2, 2024 at 07:43

Метод unstable_batchedUpdates в React

unstable_batchedUpdates позволяет объединить несколько вызовов обновления состояния, чтобы минимизировать количество ререндеров компонентов.

Обычно React автоматически выполняет "батчинг" обновлений состояния внутри событий, таких как клики или события ввода. Однако, если обновление происходит вне этих контекстов, например, внутри setTimeout или промиса, каждое изменение состояния вызывает отдельный ререндер.

Пример применения:

import { unstable_batchedUpdates } from 'react-dom';

setTimeout(() => {
    unstable_batchedUpdates(() => {
        setState1(prev => prev + 1);
        setState2(prev => prev + 1);
    });
}, 1000);

BY Frontender Libs - обзор библиотек JS / CSS