文件名称:react-state-events-pairing1-091420
文件大小:6.36MB
文件格式:ZIP
更新时间:2024-03-10 02:20:51
JavaScript
React状态和事件配对1 可交付成果 从api.js导出的假api响应已给您。 响应是多个dog对象的数组,如下所示: { "id": 1, "name": "Happy Slay", "img": "https://www.sciencenews.org/sites/default/files/2018/08/main/articles/082918_lh_crispr-beagles_feat_REV.jpg", "breed": "Beagle"} 您将得到一个称为组件DogCard ,容器组件调用DogsList ,一个App组件 您的应用程序呈现一个狗图像列表以及每个具有innerText为“ Bark”的图像的按钮 当用户单击“ Bark”按钮时,它应使用一个内部文本为“ Bark”的屏幕呈现
当用户第二次单击按钮时,应从DOM中删除
您可以运行npm
【文件预览】:
react-state-events-pairing1-091420-main
----package.json(598B)
----package-lock.json(735KB)
----src()
--------App.css(1KB)
--------index.js(451B)
--------serviceWorker.js(5KB)
--------Components()
--------App.test.js(248B)
--------api.js(897B)
--------Containers()
--------App.js(259B)
--------Tests()
--------index.css(380B)
----.gitignore(310B)
----state-pairing-gif.gif(6.22MB)
----public()
--------manifest.json(306B)
--------index.html(2KB)
--------favicon.ico(4KB)
----README.md(1KB)
【文件预览】:
react-state-events-pairing1-091420-main
----package.json(598B)
----package-lock.json(735KB)
----src()
--------App.css(1KB)
--------index.js(451B)
--------serviceWorker.js(5KB)
--------Components()
--------App.test.js(248B)
--------api.js(897B)
--------Containers()
--------App.js(259B)
--------Tests()
--------index.css(380B)
----.gitignore(310B)
----state-pairing-gif.gif(6.22MB)
----public()
--------manifest.json(306B)
--------index.html(2KB)
--------favicon.ico(4KB)
----README.md(1KB)