一 . 搭建一个React项目开发环境
执行下列命令创建项目:
create-react-app … ==>省略部分为项目名
会自带很多文件及文件夹 , 如 :node-modules、public、src…
二 . src 文件夹【要写的东西大多都在这个文件夹里面】
- App.jsx 文件 (本质上是创建外壳组件“App”)
在vsCode里面可以用快捷键“rcc”快速搞出来基本结构
如果组件是静态的,即不需要跳转,就直接在组件中写要装的组件
如果要实现组件之间的跳转,就在里面注册路由
-
App. css文件
-
index.js 文件 【入口文件】
引入React核心库,引入 App组件,进行渲染到页面
- 各个组件放置的总文件夹 components
里面放置要写的组件,每个组件也是一个文件夹,里面要建一个index.jsx文件
用来构建组件内容