useRef khác useState thế nào? Khi nào dùng ref?

	useState	useRef
Đổi giá trị	Re-render	Không re-render
Cập nhật	Qua setter, theo lượt	Gán trực tiếp ref.current
Dùng cho	Dữ liệu hiển thị trên UI	DOM, id timer, giá trị trước đó

function SearchBox() {
  const inputRef = useRef(null);
  const timerRef = useRef();
  const onChange = () => {
    clearTimeout(timerRef.current);
    timerRef.current = setTimeout(() => search(inputRef.current.value), 300);
  };
  return <input ref={inputRef} onChange={onChange} />;
}

Ref cũng dùng được cho input uncontrolled: đọc giá trị khi submit thay vì lưu từng ký tự vào state.