简介
在这个项目中,你将学习如何创建一个名为 useWindowSize
的自定义 React Hook,以获取当前窗口大小,并使用它来有条件地在 Web 应用程序中渲染导航栏。
👀 预览

🎯 任务
在这个项目中,你将学习:
- 实现
useWindowSize
自定义 Hook 以获取当前窗口大小 - 在
App
组件中使用useWindowSize
Hook,根据窗口宽度更新导航栏
🏆 成果
完成这个项目后,你将能够:
- 创建一个自定义 React Hook 来封装可复用的功能
- 利用
useState
和useEffect
Hook 来管理状态和副作用 - 根据当前窗口大小有条件地渲染组件