文件名称：reactPractice
文件大小：763KB
文件格式：ZIP
更新时间：2024-03-10 11:47:55
JavaScript
霍格沃茨：适用于获奖猪迷的React应用 React Week 1项目 项目目标： 创建一个显示所有猪瓦片的索引在图块中渲染每个猪的名称和图片，并在用户单击时显示猪的详细信息 允许用户根据名称和重量对猪进行分类，并过滤涂有油脂的猪 奖励：在索引中显示猪图像-这非常复杂，请保存以备后用！ 奖励：允许用户隐藏猪（不删除它们，只将它们隐藏起来！） 奖励：从API导入猪GIF 奖励：为每只猪实施 项目要求： 功能和容器组件（每个组件至少有一个，可能每个都有多个） 使用状态和道具的组件 根据客户端事件重新渲染 到目前为止，我们拥有： 一个文件，其中包含导入到App.js中的所有猪数据 猪图像文件夹 在App.js中呈现的功能性导航组件 试图弄清楚从哪里开始？ 有很多方法可以构建此项目，虽然有些方法比其他方法更好，但是没有“正确”的方法！ 首先考虑要构建的组件，以及它们将是表示性组件还
【文件预览】：
reactPractice-master
----.gitignore(295B)
----package.json(2KB)
----package-lock.json(423KB)
----src()
--------components()
--------hog-imgs()
--------cherub.png(77KB)
--------porkers_data.js(3KB)
--------index.js(221B)
--------porco.png(47KB)
--------logo.svg(3KB)
--------registerServiceWorker.js(2KB)
--------App.css(2KB)
--------index.css(63B)
--------App.test.js(208B)
----public()
--------index.html(2KB)
--------favicon.ico(24KB)
--------manifest.json(298B)
----scripts()
--------build.js(4KB)
--------test.js(734B)
--------start.js(3KB)
----README.md(3KB)
----config()
--------polyfills.js(628B)
--------jest()
--------webpack.config.dev.js(11KB)
--------webpackDevServer.config.js(5KB)
--------webpack.config.prod.js(13KB)
--------paths.js(2KB)
--------env.js(3KB)