Nhờ giải thích hàm useCallback() trong react-hook

[votruonggiang1990]

Chào mọi người, e đang theo dõi hướng dẫn này và đang áp dụng nó vào ví dụ của e :

Nhưng đến phút 21:00 e đang gặp phải chút vấn đề chưa được clear. Đó là mỗi lần render() sẽ chạy lại vào hàm useCallback() và log ra cái node tuy nhiên trong ví dụ e làm nó lại log ra 2 lần node trong callback trong lần render() cuối cùng, em điều tra nhưng đang chưa hiểu vì sao nó lại thừa ra một cái log callback ( useCallback ==> null) ? Nhờ mn support e chỗ này ạ:

useState (load-more) - CodeSandbox

[Khang_Viet (Khang Việt)]

hàm useCallback tại sao không thêm dependencies vào ? Thêm như vậy là được

const lastUser = useCallback(node => {
    console.log("useCallback >>>", node);
  }, []);

[votruonggiang1990]

cái này mình biết rồi bạn, nhưng mình chưa có xử lý logic gì bên trong mà chỉ log ra để theo dõi thôi.
Theo minhd biết, nó sẽ gọi vào sau khi render() tuy nhiên như mình đã trình bày ở trên, ở lần render() cuối cùng nó lại chạy vào useCallback() 2 lần => tức là nó có một lần bị thừa với giá trị null đó