React Hook: отправлять данные на сервер, только если пользователь перестал печатать

Question

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

В настоящее время мое состояние реакции имеет значение редактирования.Если редактирование переключается с истинного на ложное, на сервер будет отправляться запрос на исправление с новыми обновлениями.

useEffect(() => {
    if (store.bootstrapFinished && store.editing === false)
        saveLesson(store, dispatch, true)
}, [store.editing])

Правка имеет значение true, когда пользователь начинает вводить текст (может быть изменение заголовка или текста),Чтобы получить синхронизацию текста с сервером, я хочу установить для редактирования значение false через определенное время, когда пользователь не вносит изменений, но useEffect реагирует только на изменения определенного значения, как в примере кода выше или на всех.

Но есть ли такая функция реагирования, как useEffect, вызываемая ведьмой, каждый раз, когда редактирование отправляется, а не только при изменении?Я прочитал что-то об useRef, но не понял, как его использовать.

Answer 1

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

useEffect(() =>{}, [])

Запустив пустой массив [] в качестве второго аргумента, вы позволяете Reactзнать, что ваша функция useEffect не зависит от каких-либо значений из реквизита или состояния.

Answer 2

вы должны запустить функцию извлечения в тот же момент, когда вы измените это состояние

setEditing(true)
fetchOperation()