Всем привет! const Comp = (): JSX.Element => {

const someMutableVar = useRef(null);

const callAPI = useCallback(() => {
someMutableVar.current = data;

void API.getAppData({ params: someMutableVar.current});
}, []);

return (
<>
....
<button onClick={callAPI}>Call API</button>
</>
);
};
ругается, что нельзя использовать присваивание someMutableVar.current так как свойство .current только для чтения, но и использовать useRef внутри useCallback низзя!

как быть?

(данный код синтетический - главный вопрос как установить someMutableVar.current внутри useCallback)

кто ругается про только для чтения?

react => interface RefObject<T> { readonly current: T | null; }

В @ts_cool Вообще там есть отдельный тип MutableRef

Здесь не нужен useCallback

предлагаете при каждой перерисовке вызывать апи?

путаешь с useEffect

да не вызов а создание clickHandler

так ты на каждый rerender вызываешь useCallback и создаешь новую ссылку

я написал что код синтетический - в реальности clickHandler зависит от других переменных и чтобы избежать его пересоздания при перерисовках использцется useCallback с зависимостями

прочитай про useCallback в общем, ты не прав

в чем я ошибаюсь?

да и собственно вопрос не в этом

я написал выше, почитай доку теперь)

на будущее

не создаю каждый раз новую - на самом деле в реальном коде там есть зависимости

зависимости не освобождают от пересоздания, другое дело useEffect

👍

"Как работает useCallback hook? Этот hook возвращает закешированную функцию (то есть ссылка не изменяется от рендера к рендеру). Помимо функции, которую нужно кешировать, в нее передан второй аргумент — пустой массив. Этот массив позволяет передать список полей, при изменении которых необходимо изменить функцию, т.е. вернуть новую ссылку."

это же не дока

useCallback const memoizedCallback = useCallback( () => { doSomething(a, b); }, [a, b], ); Возвращает мемоизированный колбэк.

Это полезно при передаче колбэков оптимизированным дочерним компонентам, которые полагаются на равенство ссылок для предотвращения ненужных рендеров (например, shouldComponentUpdate).

https://ru.reactjs.org/docs/hooks-reference.html#usecallback

это я понимаю - поэтому и написал что код синтетический

ок, сойдемся на этом