React项目 实战案例 实用推荐收藏

React项目实际开发项目简单案例，对于一些没有项目经验的同学以及之前写过但是知识点生疏的同学参考，有问题欢迎评论区留言，谢谢。

纯干货共分为四个章节项目结构的创建、页面组件划分、页面组件实现、获取服务器数据

目录

一、项目结构创建??React 开发环境搭建 超详细 全面 推荐-CSDN博客

二、页面组件划分?

三、页面组件实现?

四、业务功能实现

---

一、项目结构创建React 开发环境搭建 超详细 全面 推荐-CSDN博客

推荐使用react的脚手架创建项目，npx create-react-app my-app 其中my-app是新建的项目名称

npm版本要高于5.2+

注意：这里如果创建项目下载文件比较慢，可以npm使用国内淘宝镜像 参考：npm国内淘宝镜像registry镜像过期-CSDN博客

my-app项目创建成功了！

现在我们用 vscode 打开项目，可以看到我们项目的整个结构。

安装配置vscode参考：vscode下载安装配置一步到位超简单-CSDN博客

我们现在用vscode打开终端 运行xiang

此时修改app.js文件内容 页面也更改成功了！