react-contact-list

时间:2024-04-30 11:29:47
【文件属性】:

文件名称:react-contact-list

文件大小:343KB

文件格式:ZIP

更新时间:2024-04-30 11:29:47

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)

网友评论