react-contact-list

【文件属性】：
文件名称：react-contact-list
文件大小：343KB
文件格式：ZIP
更新时间：2021-04-10 17:43:07
JavaScript 功能组件联系人列表 让我们使用功能组件和映射来创建联系人列表。 这是完成的应用程序的外观： 因此，让我们分解一下： 您有一个硬编码在/src/data/contact.json中的联系人列表 您需要将这些数据带入您的App.js 您将必须创建一个新组件来容纳每个单独的联系人（提示您可能要在此处使用Map） 对于应用程序的样式，至少应在页面中心下方的联系人列表中，照片在左侧的圆圈中，而信息在右侧。 奖金！！！ 如果您想超越此范围，请创建此页面上GIF中显示的布局，该布局看起来像电话屏幕，一次只显示几个联系人 超奖金！！！ 重新创建下面在React中显示的模型，并在屏幕上渲染联系人！ 玩得开心！！！

【文件预览】：
react-contact-list-master
----info.yml(47B)
----package.json(618B)
----package-lock.json(538KB)
----src()
--------ListOfContacts.js(772B)
--------App.css(587B)
--------index.js(452B)
--------data()
--------logo.svg(3KB)
--------serviceWorker.js(5KB)
--------App.test.js(248B)
--------App.js(308B)
--------index.css(366B)
----.gitignore(310B)
----public()
--------logo192.png(5KB)
--------manifest.json(497B)
--------robots.txt(57B)
--------index.html(2KB)
--------logo512.png(9KB)
--------favicon.ico(4KB)
----README.md(1KB)
----yarn.lock(425KB)