Custom hook là gì và cách tạo?

Custom hook là JavaScript function bắt đầu bằng 'use' có thể gọi các hooks khác.

• Dùng để tái sử dụng stateful logic giữa components.
• Mỗi component sử dụng custom hook có state instance riêng biệt, không chia sẻ.

function useLocalStorage(key, initial) {
  const [value, setValue] = useState(initial)
  // ...sync với localStorage
  return [value, setValue]
}

A custom hook is a JavaScript function whose name starts with 'use' and which can call other hooks.

• It is used to share stateful logic between components.
• Each component that uses the hook gets its own isolated state instance — state is not shared.

function useLocalStorage(key, initial) {
  const [value, setValue] = useState(initial)
  // ...sync with localStorage
  return [value, setValue]
}