文件名称:nasa-potd
文件大小:212KB
文件格式:ZIP
更新时间:2024-04-10 11:21:28
JavaScript
美国宇航局的每日照片 该网站是使用create react应用创建的。它始于Lambda学校的新兵训练营项目。最初,我们被教导要在构建过程中使用类组件。我回去将代码重构为功能组件,并为其提供主页,样式修改和响应能力。 我使用了位于的APOD API 该页面使用样式组件进行样式设置 组件:App.js-我使用此组件来存储我的路由器信息。我设置了“回家路线”和“当天”页面的照片 Header.js-我放入页面标题,Nav组件和引号。 Nav.js-在这里放置了将路线设置到App.js的链接的位置 POTD组件-这是我使用Axios发出api请求的地方。然后,我使用了api中的date关键字,以便可以添加一个日期选择器,该日期选择器将在日期更改时更改图像(带有事件处理程序)。 POTDContainer-我渲染了从此处的api中提取的所有必需信息。使用的程序: React Axios样式化
【文件预览】:
nasa-potd-main
----public()
--------manifest.json(492B)
--------index.html(2KB)
--------robots.txt(67B)
--------favicon.ico(4KB)
--------logo512.png(9KB)
--------logo192.png(5KB)
----src()
--------logo.svg(3KB)
--------index.css(446B)
--------components()
--------App.js(493B)
--------reportWebVitals.js(362B)
--------App.test.js(246B)
--------setupTests.js(241B)
--------App.css(564B)
--------index.js(500B)
----LICENSE(34KB)
----README.md(1KB)
----.gitignore(310B)
----package-lock.json(687KB)
----package.json(1KB)