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的内容。

相关推荐
SUPER52663 小时前
FastApi项目启动失败 got an unexpected keyword argument ‘loop_factory‘
java·服务器·前端
sanx183 小时前
专业电竞体育数据与系统解决方案
前端·数据库·apache·数据库开发·时序数据库
你的人类朋友5 小时前
【Node】认识一下Node.js 中的 VM 模块
前端·后端·node.js
Cosolar5 小时前
FunASR 前端语音识别代码解析
前端·面试·github
@大迁世界8 小时前
Vue 设计模式 实战指南
前端·javascript·vue.js·设计模式·ecmascript
芭拉拉小魔仙8 小时前
Vue项目中如何实现表格选中数据的 Excel 导出
前端·vue.js·excel
jump_jump8 小时前
妙用 localeCompare 获取汉字拼音首字母
前端·javascript·浏览器
U.2 SSD8 小时前
Echarts单轴坐标系散点图
前端·javascript·echarts
德育处主任Pro9 小时前
前端玩转大模型,DeepSeek-R1 蒸馏 Llama 模型的 Bedrock 部署
前端·llama
Jedi Hongbin9 小时前
Three.js NodeMaterial 节点材质系统文档
前端·javascript·three.js·nodematerial