文件名称:react-hooks-jsx-lab
文件大小:238KB
文件格式:ZIP
更新时间:2024-05-08 04:58:15
JavaScript
JSX实验室
目标
练习使用JSX语法创建HTML元素
指示
在本实验中,我们将在最顶层的组件App渲染一些子组件。 组件已设置,但我们需要更新它们返回的JSX。 我们将在NavBar.js , Home.js和About.js文件中编写所有代码。 这些文件都位于src/components目录中。
从npm install开始。 使用npm start检查浏览器中呈现的内容。
我们的目标是使页面看起来像这样:
一旦您的应用程序与演示图像匹配,请运行learn test或npm test来检查您的工作。
可交付成果
导航栏
【文件预览】:
react-hooks-jsx-lab-master
----.github()
--------workflows()
----public()
--------manifest.json(492B)
--------index.html(2KB)
--------robots.txt(67B)
--------favicon.ico(4KB)
--------logo512.png(9KB)
--------logo192.png(5KB)
----.canvas(152B)
----src()
--------index.css(826B)
--------components()
--------__tests__()
--------data()
--------index.js(179B)
----images()
--------demo.png(47KB)
----jsconfig.json(55B)
----CONTRIBUTING.md(2KB)
----LICENSE.md(1KB)
----README.md(2KB)
----.gitignore(505B)
----package-lock.json(689KB)
----package.json(995B)