![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
文章平均质量分 57
前端打工人
这个作者很懒,什么都没留下…
展开
-
86张脑图,一口气看完 React,想学React的看过来,React知识图谱汇总
前言 React 18.0已经发布两周了 所以这两天抽空重新完整的过了一遍 React 我将所有内容整理为以下86张脑图,方便以后查阅 附原图和源文件: 原图和源文件(包括xmind和pos文件)已上传 github,如有需要可自行下载 86张脑图 1. 安装 2. 核心概念 JSX 简介 2.2元素渲染 2.3组件 & Props 2.4.1State & 生命周期 2.4.2数据流和正确使用State 2.5事件处理 2.6条件渲染 2.7列表 & Key 2.转载 2022-04-12 11:12:16 · 1368 阅读 · 0 评论 -
React学习之 react-typescript入门
项目文件介绍: react-app-env.d.ts 声明文件 /// <reference types="react-scripts" /> 三斜线指令是包含单个XML标签的单行注释。 注释的内容会做为编译器指令使用。 三斜线指令仅可放在包含它的文件的最顶端。 一个三斜线指令的前面只能出现单行或多行注释,这包括其它的三斜线指令。 如果它们出现在一个语句或声明之后,那么它们会被当做普通的单行注释,并且不具有特殊的涵义。 /// <reference path="..." />原创 2021-07-01 15:12:51 · 739 阅读 · 0 评论 -
使用create-react-app快速搭建React项目
1.打开cmd命令行窗口,输入npm -version,查看当前的npm版本 2.如果npm版本是5.2以上版本,在cmd中输入 npx create-react-app my-app,当前目录下创建一个名为my-app的工程。 如果想创建typeScript的开发环境,可以 npx create-react-app my-app --template typescript 3.工程创建成功后,可以在系统文件目录看到my-app工程。 4.yarn安装依赖 yarn start启动项目 ...原创 2021-07-01 11:35:34 · 839 阅读 · 0 评论