NewsApp:新闻应用程序使用新闻API提供新闻的中级React应用程序 源码

通讯应用 这个应用程序将呈现来自世界的最新新闻,我正在使用NewsAPI,它为我提供了可以实时获取数据的端点。 创建React App Boilerplate为我提供了用于开发该应用程序的启动文件,然后我清理了该项目并开始编写代码。 开发过程始于创建包含所有子组件的Header和Footer组件。 首先,通过复制Postman或任何类似程序的输出,数据是静态的,并存储在顶级componenet状态。 该状态将传递给子组件以映射所有状态项(prop-drilling)。 其次,axios已与npm一起安装,并用于从News API获取数据,如果您以开发人员身份登录,则该API允许我们每天获取100次数据。 React Router Dom也随npm一起安装,它用于根据所单击的链接在不同的路由之间进行切换。 然后,每个Route都重复使用相同的组件,Header和所有子组件,Article