文件名称:react-hooks-import-export-lab
文件大小:239KB
文件格式:ZIP
更新时间:2024-05-03 07:44:25
JavaScript
使用导入/导出实验室组织代码
目标
练习使用默认和命名的导入/导出语法
指示
在本实验中,我们将使用导入/导出语法将代码组织到单独的文件中。 我们将继续处理上一个实验中的项目组合示例,这次使用import / export语法import代码分成不同的模块。
从npm install开始。 然后,运行npm start在浏览器中运行代码。 按照错误消息修复损坏的导入!
您的目标是修复错误,并获取我们的应用以匹配以下示例:
完成后,运行learn test或npm test来检查是否所有测试都通过了。
可交付成果
组件
此应用程序中有四个组件,所有components都位于components文件夹中。 使用默认的导出语法导出
【文件预览】:
react-hooks-import-export-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(1005B)