文件名称：hooks-workshops-solutions:React React Hooks研讨会任务的示例解决方案！
文件大小：240KB
文件格式：ZIP
更新时间：2024-06-03 11:13:32
TypeScript
欢迎使用React Hooks解决方案的仓库：useState和useEffect研讨会！ 运行纱线，然后开始纱线。 对于带有星号的任务，没有任何解决方案。 转到App.tsx并取消注释要渲染的一行代码。 有任务列表： 第一阶段-useState 转到src / part1 / Part1和src / part1 / Contact 。 构建一个简单的组件以显示单个联系人（提示：您可以将randomuser.me用于用户数据-只需将其复制到您的代码中||使用已保存的JSON文件（在src / data中具有随机5个联系人）） 构建一个显示联系人列表的组件 显示/隐藏悬停时的联系方式（不使用悬停CSS） 按名称添加过滤器功能 :star: 添加一个按钮，单击该按钮将使联系人详细信息始终可见 :star: 按所有字段过滤，而不仅仅是按名称过滤 :star: 过滤应该不区分大小写 :star: 添加按钮以按姓名对联系
【文件预览】：
hooks-workshops-solutions-master
----.gitignore(310B)
----package.json(898B)
----src()
--------part1()
--------react-app-env.d.ts(40B)
--------part4()
--------part2()
--------part3EventListener()
--------data()
--------types()
--------part3AddSingleFavourite()
--------setupTests.ts(255B)
--------App.css(123B)
--------part3AddFavourites()
--------index.tsx(430B)
--------serviceWorker.ts(5KB)
--------part3ReusableUseLocalStorage()
--------App.tsx(1KB)
----LICENSE(1KB)
----public()
--------robots.txt(67B)
--------logo192.png(5KB)
--------index.html(2KB)
--------favicon.ico(3KB)
--------manifest.json(492B)
--------logo512.png(9KB)
----tsconfig.json(491B)
----README.md(2KB)
----yarn.lock(496KB)