小小搭建一个React项目的过程

一 . 搭建一个React项目开发环境
执行下列命令创建项目:
create-react-app … ==>省略部分为项目名
会自带很多文件及文件夹 , 如 :node-modules、public、src…

二 . src 文件夹【要写的东西大多都在这个文件夹里面】

  1. App.jsx 文件 (本质上是创建外壳组件“App”)
    在vsCode里面可以用快捷键“rcc”快速搞出来基本结构

如果组件是静态的,即不需要跳转,就直接在组件中写要装的组件
请添加图片描述
如果要实现组件之间的跳转,就在里面注册路由
请添加图片描述

  1. App. css文件

  2. index.js 文件 【入口文件】

引入React核心库,引入 App组件,进行渲染到页面
请添加图片描述

  1. 各个组件放置的总文件夹 components
    里面放置要写的组件,每个组件也是一个文件夹,里面要建一个index.jsx文件
    用来构建组件内容
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值