React钩子用法示例
钩子的用法，其实在用 React 开发项目的时候，真是越用越顺手。Create React App的初始化脚手架就挺适合新手练手的，而且你要是想试试怎么用钩子做状态管理、生命周期，这个项目的结构还挺清晰，改起来也方便。直接跑个 yarn start，打开浏览器，页面就跑起来了，改动代码还能热更新，体验还不错。
目录结构也比较规整，src里面写组件，public里放静态资源。钩子函数像useState、useEffect，你直接写在函数组件里就能搞定不少事儿。响应也快，逻辑也清晰，比老式类组件舒服多了。
你还可以通过yarn test直接进测试模式，这对练手useReducer做状态管理测试也挺方便的。项目默认配置都封装好了，但你要想更底层地改，yarn eject一下，把 Webpack、Babel 啥的全放出来，自定义空间也就大了。不过注意哦，eject 是不可逆的，别轻易点。
如果你平时对构建配置不是太敏感，建议还是别乱 eject，保持原样，用起来顺。写业务、试钩子、改样式都挺快。想深入研究的话，可以顺着官方脚本一条条撸下来，文档里也都有。
如果你刚学完基础语法，正打算上手练练钩子，可以拿这个做练习项目。配合下面这几个资源看看，一起吃透效果更好：
文件大小：189.61KB
评论区