当前位置: 首页 > news >正文

黑马React001

npm创建 react项目

安装node
创建项目目录
执行命令npx create-react-app react-basic

在这里插入图片描述
如果 webstorm 执行报错,需要在 websotrm配置node路径
以及重启电脑即可

package.json

depent: 依赖的包
scripts: 执行的命令

在这里插入图片描述

清理文件夹

只保留 index.js App.js

index.js

在这里插入图片描述

App.js

在这里插入图片描述

讲解

index.js是项目的入口与起点
react 与 react-dom/client 是react两个核心包

渲染

这个项目渲染的是index.html,index.html在 public 目录 里面

启动方式

zh-hans.react.dev 有很多启动方式,适合不同的国家

http://www.lqws.cn/news/490933.html

相关文章:

  • 用Tensorflow进行线性回归和逻辑回归(三)
  • 【论文阅读35】-PINN review(2021)
  • Docker快速部署可视化防火墙工具:使用go语言开发,底层是iptables,提供API调用
  • Vue 列表过滤:语法与注意事项详解
  • 四核 A53+工业级存储:移远 SC200L 与 pSLC SD NAND 如何重构 T-BOX 性能边界?
  • 波动方程解法及反射波讨论
  • AI智能体:从功能封装到自主决策的进化之路
  • 副驾屏高斯模糊/Kawase方案---无wallpaper,透明区域如何实现高斯模糊/Kawase效果(卷2: 副驾屏Kawase 模糊实现方案)
  • BUUCTF [UTCTF2020]File Carving 1
  • JVM线上调试
  • 免费生成 吉卜力 风格头像
  • libwebsockets编译
  • Firewalld服务
  • 虚拟 DOM 与 Diff 算法:现代前端框架的核心机制
  • 2025 年前端框架的深度解析与展望
  • Vue实现选中多张图片一起拖拽功能
  • 时序数据库IoTDB数据导入与查询功能详解
  • 实战 + 原理全解析:用 Qwen-Agent 构建图文生成智能体!
  • 笔试强训:Day8
  • EukDetect:基因标记基因的真核微生物注释
  • Java 期末考试题
  • 阿里云MCP:开启AI应用新时代
  • 突破中文知识处理瓶颈:基于 ChatGLM-6B + LangChain 的本地化智能问答系统实战
  • 什么是Sentinel? 以及优点
  • 云原生 CAD 让制造业设计协同更便捷
  • vue3实现markdown文档转HTML并可更换样式
  • VR看房:房地产数字化转型的核心引擎
  • mysql replace into学习
  • 创惟GL3224|抖胆DD3118完美替代GL3224|国产3.0读卡方案
  • Spark基于Bloom Filter算法的Runtime Filter Join优化机制