文件名称:react-hooks-props-basics-lab
文件大小:245KB
文件格式:ZIP
更新时间:2024-05-08 04:57:35
JavaScript
道具基础实验室 学习目标 练习编写动态组件 练习跳入现有代码并进行必要的更改 介绍 以前,我们一直使用import将一些数据直接导入到每个需要它的组件中。 当我们使用React时,通常是通过将数据作为prop传递而不是导入来访问数据。 一旦我们开始使用来自外部资源(例如API)的数据,这一点尤其正确。 在本实验中,您将编写React组件,并根据它们从其父组件接收到的props动态地渲染它们。 这将使我们能够使用组件作为模板来呈现可变内容。 我们将继续构建我们在之前的实验中开始的投资组合站点,并使用props使内容动态化。 这是完成后我们想要的图像: ...这是我们的组件父子结构的树状视图: └── App ├── NavBar ├── Home └── About └── Links 可交付成果 建议您在运行测试之前运行npm start并
【文件预览】:
react-hooks-props-basics-lab-master
----images()
--------demo.png(53KB)
----package.json(1004B)
----.github()
--------workflows()
----package-lock.json(646KB)
----CONTRIBUTING.md(2KB)
----src()
--------index.js(179B)
--------__tests__()
--------data()
--------components()
--------index.css(838B)
----LICENSE.md(1KB)
----.gitignore(505B)
----.learn(58B)
----public()
--------logo192.png(5KB)
--------manifest.json(492B)
--------robots.txt(67B)
--------index.html(2KB)
--------logo512.png(9KB)
--------favicon.ico(4KB)
----README.md(3KB)
----.canvas(152B)