Какой возвращаемый тип у функции, которая возвращает useCallback?

Question

[Raey]

Дана функция ниже, какой тип она возвращает? Заранее спасибо.

const useSendMessage = (): ??? => {
  const dispatch = useDispatch();

  return useCallback(
    (id: number, message: Message) => {
      dispatch(Operation.sendMessage(id, message));
    },
    [dispatch]
  );
};

Answer 1

[Alex]

Так, просто посмотрите, что возвращает useCallback.
Или не пишите ничего. TS сам выведет возвращаемый тип

Comments

[Raey]

Я так понял, нужно примерно так:

const useSendMessage = (): ((
  id: number,
  message: Message,
) => void) => {
  const dispatch = useDispatch();

  return useCallback(
    (id, message) => {
      dispatch(Operation.sendMessage(id, message));
    },
    [dispatch],
  );
};

А ничего написать не могу, линтер будет ругаться " Missing return type on function.(@typescript-eslint/explicit-module-boundary-types)"

[WbICHA]

Raey,

const useSendMessage = (
  id: number,
  message: Message,
) => {
  const dispatch = useDispatch();

  return useCallback(
    (id, message) => {
      dispatch(Operation.sendMessage(id, message));
    },
    [dispatch],
  );
};

[Raey]

WbICHA, Ну нет, так не получится. Этот хук же функция высшего порядка.

[WbICHA]

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

Answer 2

[Дмитрий Беляев]

https://github.com/DefinitelyTyped/DefinitelyTyped...
Соответственно тип будет:
(id: number, message: Message) => void

const useSendMessage = (): (id: number, message: Message) => void => {
  const dispatch = useDispatch();

  return useCallback(
    (id: number, message: Message) => {
      dispatch(Operation.sendMessage(id, message));
    },
    [dispatch]
  );
};