[Suggestion]: Make clear why Ref was used in the third solution

Summary

The solution for the third challenge, "Fix debouncing," does not require a Ref. Moving the let timeoutID; to the top inside the DebouncedButton component will fix the debouncing. Either point this out in the explanation or make it re-render so the solution requires Ref.

Page

https://react.dev/learn/referencing-values-with-refs

Details

Since code example does not use State, there's no re-rendering, and so there's no need to use Ref to remember anything across re-renders. The page mentions that Refs are not used often; although future-proof, I think the example should only use Ref when necessary.

Bắt đầu từ trang “Referencing Values with Refs” và xem xét challenge thứ ba, “Fix debouncing”, bao gồm phần giải thích và lời giải. Được xem là hoàn thành khi tài liệu giải thích lý do sử dụng Ref, hoặc ví dụ được thay đổi để việc render lại khiến Ref trở nên cần thiết; hãy kiểm tra trang đã được render và câu chữ của challenge.