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

相关推荐
褪色的笔记簿2 分钟前
在 Vue 项目里管理弹窗组件:用 ref 还是用 props?
前端·vue.js
Danny_FD3 分钟前
使用Taro实现微信小程序仪表盘:使用canvas实现仪表盘(有仪表盘背景,也可以用于Web等)
前端·taro·canvas
掘金安东尼12 分钟前
VSCode V1.107 发布(2025 年 11 月)
前端·visual studio code
一只小阿乐16 分钟前
前端vue3 web端中实现拖拽功能实现列表排序
前端·vue.js·elementui·vue3·前端拖拽
AAA阿giao21 分钟前
从“操纵绳子“到“指挥木偶“:Vue3 Composition API 如何彻底改变前端开发范式
开发语言·前端·javascript·vue.js·前端框架·vue3·compositionapi
TextIn智能文档云平台27 分钟前
图片转文字后怎么输入大模型处理
前端·人工智能·python
专注前端30年29 分钟前
在日常开发项目中Vue与React应该如何选择?
前端·vue.js·react.js
文刀竹肃43 分钟前
DVWA -XSS(DOM)-通关教程-完结
前端·安全·网络安全·xss
lifejump1 小时前
Pikachu | XSS
前端·xss
进击的野人1 小时前
Vue 组件与原型链:VueComponent 与 Vue 的关系解析
前端·vue.js·面试