Реагировать: первая строка возвращает неопределенную форму

Question

Я пытаюсь выполнить функцию поиска, но действие работает только тогда, когда я набираю вторую строку.

const handleSearch = () => {
        console.log(search)
        dispatch(searchClient(search));
    }

Например, я набираю ben Первая буква в результате поиска не определена, а вторая - " b ", всегда на одну строку позже.

Вот мое возвращение

<div onChange={() => handleSearch()}>
                <Input
                placeholder="Client…"
                onChange={e => setSearch(e.target.value)}
                />
            </div>

Answer 1

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

useEffect(() => {
  dispatch(searchClient(search));
}, [search])

return (
  <div>
    <Input 
      placeholder="Client…" 
      onChange={e => setSearch(e.target.value)}
    />
  </div>
);