Hi 500 ae. Bài này mình giới thiệu về 1 hook là useCallback cũng như sử dụng nó ra sao nhé. Lướt thuiiiii
Chúng ta thường dùng useCallback khi mình không muốn function của chúng ta được khởi tạo lại mỗi lần component chúng ta re-render
const memoizedCallback = useCallback(() => {
doSomething(a, b)
}, [a, b])Cách dùng thì tham số đầu tiên là 1 callback thực hiện việc gì đấy tham số thứ 2 là dependence. Mỗi lần dependence thay đổi thì function được chạy lại. Đơn giản vậy thuii
Mình có để demo phía dưới thì mình có 1 function handleClickTitle nó nhận vào value. Function là 1 object nên khi component re-render thì handleClickTitle sẽ tạo tham chiếu mới nên sẽ làm component re-render lại thôi. Trường hợp này mình dùng useCallback như demo dưới bạn có thể vọc để chạy nhé 😅