news-react:使用newsapi.org API的新闻搜索器React应用

上传者: 42121905 | 上传时间: 2022-05-22 19:29:41 | 文件大小: 173KB | 文件类型: ZIP
:newspaper: 新闻搜索者React App 这个React应用程序允许用户按商业,娱乐,健康,科学等类别搜索阿根廷新闻过滤器。 在这个项目中,我为表单的html select元素使用了自定义钩子,用户可以在其中选择所需的类别。 这使我可以区分职责,自定义钩子可以获取用户选择,并且表单仅发送到App.js,在useEffect中使用该表单来实现API咨询并获取所需类别的所有新闻。 该项目中的React概念是组件,useEffect,useState,自定义钩子,css模块,以为组件提供样式,并使用具有异步JavaScript函数(获取)的API和具有prop类型的组件文档。 :wrench: 组件 标题:显示页面标题。 表单:显示包含所有可用类别的html选择表单组件。 新闻列表:它负责显示从API获取的所有新闻。 新闻:它代表NewsList组件使用的一条新闻。

文件下载

资源详情

[{"title":"( 20 个子文件 173KB ) news-react:使用newsapi.org API的新闻搜索器React应用","children":[{"title":"news-react-master","children":[{"title":"package.json <span style='color:#111;'> 744B </span>","children":null,"spread":false},{"title":"package-lock.json <span style='color:#111;'> 555.23KB </span>","children":null,"spread":false},{"title":"src","children":[{"title":"hooks","children":[{"title":"useSelect.js <span style='color:#111;'> 612B </span>","children":null,"spread":false}],"spread":true},{"title":"index.js <span style='color:#111;'> 481B </span>","children":null,"spread":false},{"title":"serviceWorker.js <span style='color:#111;'> 4.97KB </span>","children":null,"spread":false},{"title":"setupTests.js <span style='color:#111;'> 255B </span>","children":null,"spread":false},{"title":"components","children":[{"title":"Form.jsx <span style='color:#111;'> 1.63KB </span>","children":null,"spread":false},{"title":"Header.jsx <span style='color:#111;'> 350B </span>","children":null,"spread":false},{"title":"NewsList.jsx <span style='color:#111;'> 445B </span>","children":null,"spread":false},{"title":"Form.module.css <span style='color:#111;'> 263B </span>","children":null,"spread":false},{"title":"News.jsx <span style='color:#111;'> 1.04KB </span>","children":null,"spread":false}],"spread":true},{"title":"App.js <span style='color:#111;'> 972B </span>","children":null,"spread":false}],"spread":true},{"title":".gitignore <span style='color:#111;'> 310B </span>","children":null,"spread":false},{"title":"public","children":[{"title":"logo192.png <span style='color:#111;'> 5.22KB </span>","children":null,"spread":false},{"title":"manifest.json <span style='color:#111;'> 492B </span>","children":null,"spread":false},{"title":"robots.txt <span style='color:#111;'> 67B </span>","children":null,"spread":false},{"title":"index.html <span style='color:#111;'> 865B </span>","children":null,"spread":false},{"title":"logo512.png <span style='color:#111;'> 9.44KB </span>","children":null,"spread":false},{"title":"favicon.ico <span style='color:#111;'> 3.08KB </span>","children":null,"spread":false}],"spread":true},{"title":"README.md <span style='color:#111;'> 1.08KB </span>","children":null,"spread":false}],"spread":true}],"spread":true}]

评论信息

免责申明

【只为小站】的资源来自网友分享,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【只为小站】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,zhiweidada#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明