【文件属性】:
文件名称:movie-tickets:应用购买电影票
文件大小:4.71MB
文件格式:ZIP
更新时间:2021-03-10 17:40:06
react css JavaScript
电影票
我创建的电影订票应用程序可以改善我的React和JavaScript。
如果要查看已部署的该项目的演示,可以
该项目是通过引导的。
怎么运行的
单击海报图像以选择电影。
订票。
单击座位图标以选择座位,您可以选择时间并支付机票。
最后,票证将与信息和一个动画一起出现。
使用的技术
React
HTML
CSS
我学到
如何使用React Router更改视图。
如何保持所选电影的状态,将id.movie传递给url。
如何使用array.keys()方法,它用于返回一个新的数组迭代器,该迭代器包含给定输入数组中每个索引的键(const id = [... Array()。keys()];)
如何选择座位。
如何使用useLocation()
在项目目录中,可以运行:
如何在本地运行
npm start
在开发模式下运行应用程序。 打开在浏览器中查看它。
【文件预览】:
movie-tickets-master
----docs()
--------logo192.png(5KB)
--------asset-manifest.json(1KB)
--------screenshot-movie-app.jpg(1.2MB)
--------manifest.json(492B)
--------robots.txt(67B)
--------index.html(3KB)
--------static()
--------logo512.png(9KB)
--------favicon.ico(202KB)
----package.json(902B)
----package-lock.json(680KB)
----src()
--------App.css(140B)
--------index.js(584B)
--------img()
--------reportWebVitals.js(362B)
--------icons()
--------myreset.css(679B)
--------App.test.js(246B)
--------setupTests.js(241B)
--------components()
--------App.js(2KB)
--------movieAPI.js(4KB)
--------index.css(736B)
----.gitignore(310B)
----public()
--------logo192.png(5KB)
--------screenshot-movie-app.jpg(1.2MB)
--------manifest.json(492B)
--------robots.txt(67B)
--------index.html(2KB)
--------logo512.png(9KB)
--------favicon.ico(202KB)
----README.md(4KB)