react-项目目录认识

React目录

package.json

package.json是项目的包目录,显示了当前项目下引入了多少包,这些包的名字和版本。我们可以进入到该文件下查看这些包。在企业级项目当中,通常需要统一所需要用到的包的版本,我们可以通过查阅进行包版本的校验并重新进行下载导包。

src

src就是程序员用到的最多的目录,99%的代码都是在src当中进行书写,从当前的初始目录下我们可以看到App.js和index.js,它们是整个项目的根基。

App.js

App.js是整个项目的根组件,后续所有的组件都是在该根组件下进行创建与使用。关于组件的概念,后续会进行说明。

index.js

index.js是项目的入口文件,主要进行React和ReactDom两个核心包的引入以及根组件的引入,并将根组件挂载到id为root的节点上。

下一节我们将详细讲述JSX的内容。

相关推荐
Shi_haoliu2 小时前
openClaw源码部署-linux
前端·python·ai·openclaw
程序员小寒2 小时前
前端性能优化之白屏、卡顿指标和网络环境采集篇
前端·javascript·网络·性能优化
烛阴3 小时前
Claude CLI AskUserQuestion 工具详解:让 AI 开口问你
前端·claude
wal13145203 小时前
OpenClaw教程(九)—— 彻底告别!OpenClaw 卸载不残留指南
前端·网络·人工智能·chrome·安全·openclaw
mon_star°3 小时前
在TypeScript中,接口MenuItem定义中,为什么有的属性带问号?,有的不带呢?
前端
牛奶3 小时前
分享一个开源项目,让 AI 辅助开发真正高效起来
前端·人工智能·全栈
次顶级4 小时前
表单多文件上传和其他参数处理
前端·javascript·html
why技术5 小时前
我拿到了腾讯QClaw的内测码,然后沉默了。
前端·后端
谪星·阿凯5 小时前
XSS漏洞解析博客
前端·web安全·xss