![](https://img-blog.csdnimg.cn/20190918140129601.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
React
文章平均质量分 95
react笔记
jcat_李小黑
下凡渡劫中~~~坐标北京,有合适工作可推~
展开
-
03 为什么 React 16 要更改组件的生命周期?(下)
03 为什么 React 16 要更改组件的生命周期?(下)通过对上一个课时的学习,你已经对 React 15 的生命周期有了系统的掌握和理解。本课时,我将在此基础上,对 React 16 以来的生命周期进行剖析。在理解“是什么”的基础上,我将带你对比新旧两个版本生命周期之间的差异,并探寻变化背后的原因。通过本课时的学习,你将明白 React 团队“动作频频”背后的思量与野心,同时也将对时下大热的 Fiber 架构形成初步的认知。进化的生命周期方法:React 16 生命周期工作流详解关于 Rea转载 2021-11-09 17:25:45 · 404 阅读 · 0 评论 -
02 为什么 React 16 要更改组件的生命周期?(上)
02 为什么 React 16 要更改组件的生命周期?(上)React 生命周期已经是一个老生常谈的话题了,几乎没有哪一门 React 入门教材会省略对组件生命周期的介绍。然而,入门教材在设计上往往追求的是“简单省事、迅速上手”,这就导致许多同学对于生命周期知识的刻板印象为“背就完了、别想太多”。“背就完了”这样简单粗暴的学习方式,或许可以帮助你理解“What to do”,到达“How to do”,但却不能帮助你去思考和认知“Why to do”。作为一个专业的 React 开发者,我们必须要求自转载 2021-11-09 11:47:23 · 240 阅读 · 0 评论 -
JSX代码是如何‘摇身一变’成为DOM 的
前言一个好的框架,就是最好的老师-react进阶学习篇1JSX 代码是如何‘摇身一变’成为 DOM 的时下虽然接入 JSX 语法的框架越来越多,但与之缘分最深的毫无疑问仍然是 React。2013 年,当 React 带着 JSX 横空出世时,社区曾对 JSX 有过不少的争议,但如今,越来越多的人面对 JSX 都要说上一句“真香”!本课时我们就来一起认识下这个“真香”的 JSX,聊一聊“JSX 代码是如何‘摇身一变’成为 DOM 的”。关于 JSX 的 3 个“大问题”在日常的 React 开发工转载 2021-11-08 17:36:12 · 652 阅读 · 0 评论 -
React:react-router动态路由的使用及项目封装路由全过程
一、路由1.安装npm install --save react-routernpm install --save react-router-dom //使用react-router5以上版本2. 语法参考文档react-router-cn:github文档react-router官方学习文档router语法学习3. 路由的作用单页面刷新(SPA),切换显示视图初步使用方式:src/app.jsx页面import React, { Component } from 'react'原创 2020-08-26 17:50:34 · 10630 阅读 · 4 评论 -
React(05):使用react完成简单留言板案例
前言之前学了react基本语法和jsx/组件化,这里还是用ts学习时候的本地留言板案例来实践一下之前的学习语法;正文注意点引入react、react-dom、babel,development是开发版;使用jsx语法时候 script:type="text/babel";使用cdn引入时设置 crossorigin 设置用户凭证;使用jsx循环创建dom的时候,需要设置key;向事件处理程序传递参数:删除方法<button onClick={(e) => this.deletD原创 2020-05-27 17:59:54 · 1005 阅读 · 0 评论 -
React(04):React中的组件化及父子组件间的传值取值
接着前一篇继续学习React组件化React中的组件化及父子组件间的传值取值原创 2020-05-21 15:12:46 · 1002 阅读 · 0 评论 -
React(03):React中的JSX语法
前言React(02):React基础语法及核心的概念React很重要的部分:react中使用JSX语法正文什么是JSX语法:就是符合 xml 规范的 JS 语法;(语法格式相对来说,要比HTML严谨很多)可以将HTML语言直接写在JavaScript语言之中,不加任何引号,它允许HTML与JavaScript的混写。这就是JSX的语法。一、使用JSX语法特点及注意事项当 编译引擎在编译JSX代码的时候,如果遇到了<那么就把它当作 HTML代码去编译,如果遇到了 {} 就把 花括号原创 2020-05-20 11:15:08 · 837 阅读 · 0 评论 -
React(02):React基础语法及核心的概念
7. 在项目中使用 react运行 cnpm i react react-dom -S 安装包react: 专门用于创建组件和虚拟DOM的,同时组件的生命周期都在这个包中react-dom: 专门进行DOM操作的,最主要的应用场景,就是ReactDOM.render()在index.html页面中,创建容器:<!-- 容器,将来,使用 React 创建的虚拟DOM元素,...原创 2020-03-18 12:04:42 · 532 阅读 · 0 评论 -
React(01):敲黑板!学习react前你需要懂的知识点
React.js - 第1天1. React简介React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设 Instagram(照片交友) 的网站。做出来以后,发现这套东西很好用,就在2013年5月开源了。Angular1 2009 年 谷歌 MVC 不支持 组件化开发由于 React 的设...原创 2020-03-18 12:02:35 · 1002 阅读 · 0 评论