DGNum/demarches-normaliennes
13
1
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity

refactor(react): useDeferredValue

Browse source
This commit is contained in:
Paul Chavard 2022-03-30 18:13:15 +02:00
parent 4a7324951b
commit cd4d7b5d36
1 changed files with 7 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
app/javascript/components/ComboSearch.tsx
View file

@ -1,5 +1,9 @@
import React, { useState, useRef, ChangeEventHandler } from 'react'; import React, {
import { useDebounce } from 'use-debounce'; useState,
useRef,
useDeferredValue,
ChangeEventHandler
} from 'react';
import { useQuery } from 'react-query'; import { useQuery } from 'react-query';
import { import {
Combobox, Combobox,
@ -59,7 +63,7 @@ function ComboSearch<Result>({
const [, setExternalId] = useHiddenField(group, 'external_id'); const [, setExternalId] = useHiddenField(group, 'external_id');
const initialValue = externalValue ? externalValue : controlledValue; const initialValue = externalValue ? externalValue : controlledValue;
const [searchTerm, setSearchTerm] = useState(''); const [searchTerm, setSearchTerm] = useState('');
const [debouncedSearchTerm] = useDebounce(searchTerm, 300); const debouncedSearchTerm = useDeferredValue(searchTerm);
const [value, setValue] = useState(initialValue); const [value, setValue] = useState(initialValue);
const resultsMap = useRef< const resultsMap = useRef<
Record<string, { key: string; value: string; result: Result }> Record<string, { key: string; value: string; result: Result }>