React学习

React

一、React尚硅谷React学习视频：尚硅谷学习视频尚硅谷:http://www.atguigu.com/Vue学习视频(尚硅谷)：https://www.bilibili.com/video/BV1wy4y1D7JT
Jin-进·2023-10-31 18:32

React学习记录

源文链接：https://zh-hans.reactjs.org/docs/composition-vs-inheritance.htmlHelloWorldReactDOM.render(Hello,world!,document.getElementById('root'));JSX一个JavaScript的语法扩展.。constname='JoshPerez';constelement=He
龙哈哈_4b89·2023-10-31 06:46

05-3.React学习笔记.虚拟DOM（部分）

虚拟DOM的创建过程##image.png我们通过React.createElement最终创建出来一个ReactElement对象，函数->对象。原因是React利用ReactElement对象（JS对象体现）组成了一个JS的对象树，JS的对象树就是虚拟DOM。image.png我们将babel转义过的jsx语法通过控制台输出。结果如上图。image.png直接输出jsx语法，与步骤2结果相同。
_生生不息_·2023-10-29 10:39

React学习笔记（三）

脚手架开发npxcreate-react-app{app-name}cd{app-name}->npmrunstart正确使用setState不要直接修改State，而是使用setState修改；Props和State的更新可能是异步的，不要依赖他们的值来更新下一个状态。//Wrongthis.setState({counter:this.state.counter+this.props.incr
老夫当年也是神一般的少年·2023-10-28 13:41

React介绍及CDN方式实现Hello React案例

#React学习--day01##一、React简要介绍和学习路线###1、React是什么？
菜鸟进阶ing·2023-10-28 06:13

技术栈理解和梳理

而开发方面知识就是pythonWeb开发和前端vue和react学习。而
武定路·2023-10-27 11:06

react学习(九) React 新的生命周期

我们在之前已经学习过react生命周期，但是在16版本中will类的生命周期进行了废除，虽然依然可以用，但是需要加上UNSAFE开头，表示是不安全的。React16废弃的生命周期有3个will：componentWillMountcomponentWillReceivePropscomponentWillUpdate废弃的原因，是在React16的Fiber架构中，可以中间进行暂停重启操作，调和过
weixin_41364787·2023-10-26 08:18

React学习笔记——向路由组件传递params参数的3种方式

路由组件的属性params参数特点：路径中会暴露信息值，且需要声明接收路由链接(携带参数)：//直接传属性详情//在该组件内部访问对象并传参详情注册路由(声明接收)：接收参数方式：const{name,age}=this.props.match.paramssearch参数特点：需要querystring库的支持，进行数据处理，在路径中需要添加传入的参数数据，标志为“?”路由链接(携带参数)：详情
Kevin11Yao·2023-10-23 16:49

如何手写react-redux中的connect函数

在react学习中，redux是比较难理解的一个点，今天我们就深入了解一下如何用redux来实现react-redux中connect函数从而便于理解和使用react-redux。
nyqykk·2023-10-19 01:27

React学习(二) React基础JSX

上一篇文章我们介绍了React的使用，并在通过了解create-react-app生成的目录结构后写了自己的第一个React程序。这一次我们讲系统讲解一下React的基础内容。JSXconstelement=Hello,world!这个既不是字符串也不是HTML，这个就是JSX的语法，注意在使用JSX语法的时候一定要先引入React，也就是importreactfrom'react'。嵌入表达式c
IT_枭枫·2023-10-18 23:03

react学习(一)______初识react

react的起源与发展react起源于Facebook的内部项目，因为当初Facebook团队对市场上的MVC框架都不满意，其实，Facebook团队自己并不认可MVC的开发模式，所以就自己内部的开发一套框架，开发出来以后觉得很好用，于是决定开源，开源时间于2013年开源。react是什么？引用官方的话，react是一个声明式、高效且灵活的用于构建用户应用界面的JavaScript库。简单的说：r
胸不平·2023-10-18 07:31

react学习笔记-3：项目路径配置

配置路径别名vite默认不支持相对路径，只识别绝对路径，所以需要配置路径别名，方便库和文件引用在vite.config.ts中添加配置tips：默认识别不到path库，需要安装声明：npmi-D@types/node引入path库，添加默认路径配置import{defineConfig}from'vite'importreactfrom'@vitejs/plugin-react'importpat
snipercai·2023-10-17 06:12

React学习笔记02_面向组件编程

第2章：React面向组件编程2.1.基本理解和使用2.1.1.使用React开发者工具调试2.1.2.效果函数式组件：2.1.3.注意组件名必须首字母大写虚拟DOM元素只能有一个根元素虚拟DOM元素必须有结束标签functionDemo(){return自定义组件}constVDOM=({myData})ReactDOM.render(VDOM,document.getElementById('
淮里没有猫·2023-10-16 01:39

React 学习手册（第二版）阅读体验

react学习手册前端开发经历了多个阶段一般事件响应阶段flash基于jQuery的ajax应用如雨后春笋出现的多个框架的阶段目前：react和vue二人转阶段无疑react成为了最流行的前端开发框架。
深圳都这么冷·2023-10-14 03:42

【React】React学习笔记3（React路由、Ant Design）

React学习笔记3（React路由、AntDesign）零l说明一lReact路由基础（一）【了解】一些概念1、SPA（SinglePagewebApplication单页Web应用）2、路由3、路由组件与一般组件
Artlex·2023-10-11 05:46

Ant Design of React 创建项目及运行环境

AntDesignofReact学习笔记（1）创建项目及运行环境本文使用create-react-app创建一个TypeScript项目，并引入antd。
键指江湖·2023-10-09 16:05

Ant Design of React组件引用及路由跳转

AntDesignofReact学习笔记（2）AntDesignofReact组件引用及路由跳转，接着笔记(1)继续这里我们主要3点：1.使用Ant的组件；2，如何引用页面组件；3，路由导航跳转这是我的目录结构公共组件目录定义了公共组件
键指江湖·2023-10-09 16:31

react学习 第十一天 React-Router路由详解 router6

目录：1认识React-Router2Router的基本使用3Router的路由嵌套4Router的代码跳转5Router的参数传递6Router的配置方式一、认识React-Router二、Router的基本使用1、在app.jsx的index.js文件里面引入router和严格模式2、配置路由映射，在需要使用router的组件里面使用Router和route组件以及Link组件，通过点击Lin
木公176·2023-10-04 07:34

React学习笔记十-生命周期（旧）

此文章是本人在学习React的时候，写下的学习笔记，在此纪录和分享。此为第十篇，主要介绍React非常重要的组件的生命周期(旧)。要学习react新的生命周期，那必须先学习旧的生命周期。目录1.引出生命周期概念1.1案例1.1.1案例卸载功能与ReactDOM.unmountComponentAtNode1.1.2案例透明的渐变功能与componentDidMount(){}1.1.3案例透明的渐
啊啊啊啊啊威·2023-10-03 05:51

React学习笔记---面向组件编程

React学习笔记---面向组件编程一、基本理解和使用1、函数式组件2、类式组件二、组件实例的三大核心属性1、state1）、理解state2）、用一个例子去看一下react组件中怎么用state3）、
丑小鸭变黑天鹅·2023-10-02 13:26

【React】React学习笔记1（React概念）

React学习笔记1（React概念）零lReact简介一lReact第一步（一）依赖包（二）写一个HelloReact（三）虚拟DOM是什么（四）JSX语法规则（JavaScriptXML）（五）如何在
Artlex·2023-10-02 13:26

React 学习笔记（一）

React学习笔记（一）学习资源：张天禹老师（尚硅谷React教程）前置基础this指向问题ES6语法知识（class类）npm包管理器原型与原型链数组常用方法模块化1.1React历史用于构建用户界面的开源
智秀的绯闻男友·2023-10-02 13:55

React学习之路 - 上传代码到GitCode

Git全局设置gitconfig--globaluser.name"AnyaPapa"gitconfig--globaluser.email"****@***"添加SSH密钥Mac终端输入命令[email protected]:Java_1710/test.gitgitadd.gitcommit-m"Initialco
AnyaPapa·2023-10-01 20:22

React学习之路 - tsconfig.json 配置讲解

{"compilerOptions":{"noImplicitAny":false,//不需要显示地声明变量的类型any"target":"es5",//编译后的目标JavaScript版本ES5、ES6/ES2015、ES2016、ES2017、ES2018、ES2019、ES2020、ESNext"lib":["dom",//document.getElementById("root")"do
AnyaPapa·2023-10-01 20:52

React学习笔记【3】(react组件实例三大属性 state props ref)

学习地址：https://www.bilibili.com/video/BV1wy4y1D7JT官方文档：英文：https://react.dev/中文：https://react.docschina.org/组件实例三大属性之一：state理解：state是组件对象最重要的属性，值是对象（可以包含多个key-value的组合）。组件被称为‘状态机’，通过更新组件的state来更新对应的页面显示（
⁡⁡小黑·2023-09-28 03:40

React学习回顾（第五节）

第五节React组件之间我们现在将MyApp作为一个主组件我们还需要做一个列表组件，将列表组件放入主组件之中。classMyAppextendsReact.Component{render(){return()}}classListextendsReact.Component{render(){return(张三李四王五)}}ReactDOM.render(,document.getElement
不敢大声说话的web小萌新·2023-09-27 04:08

44.React学习笔记.hooks useEffect

一.认识EffectHook在Hook中，如何对应生命周期呢？：EffectHook起到了类似class中生命周期的功能。类似于网络请求，手动更新DOM，一些事件监听，都是React更新DOM的一些副作用（SideEffect）；对应于完成这些功能的Hook被称为EffectHook；importReact,{PureComponent}from'react'exportdefaultclassC
_生生不息_·2023-09-26 16:51

React学习笔记——Class组件内this的指向undefined及解决办法

一、React当中Class组件内的this指向所有在类中定义的方法都默认开启局部严格模式，所以在Class组件当中所以指向window对象的this都指向undefined所有内联的的事件处理处理函数当中的this都指向undefinedclassToggleextendsReact.Component{constructor(props){super(props);this.state={is
Bqiuer·2023-09-26 05:15

React学习记录

一、React基础1、React是构建用户界面的Javascript库2、初始化项目命令：npxcraete-react-appmy-app3、启动命令：yarnstart(或npmstart)4、React.createElement()方法用于创建react元素创建react元素(参数：元素名称，元素属性，第三个参数及其后参数都是元素子节点)5、ReactDOM.render()方法负责渲染r
Redundantº·2023-09-25 12:38

React学习笔记（一）React与Vue比较、初识JSX

文章目录React与Vue比较JSX相关为什么要使用JSXJSX语法规则：一定要注意区分：【js语句（代码）】与【js表达式】事件处理React与Vue比较React相对于Vue灵活性和协作要更好，适合大型团队开发，Vue插件和框架都非常丰富，实现起来更快速易用。React和Vue都使用虚拟DOM、组件等，React使用JSX，不如Vue代码好理解。虚拟DOM，简单来说就是根据数据动态生成实体DO
前端大婶儿·2023-09-23 23:59

react学习笔记（二）

JSX特定属性以通过使用引号，来将属性值指定为字符串字面量：constelement=;也可以使用大括号，来在属性值中插入一个JavaScript表达式：constelement=;警告：因为JSX语法上更接近JavaScript而不是HTML，所以ReactDOM使用camelCase（小驼峰命名）来定义属性的名称，而不使用HTML属性名称的命名约定。例如，JSX里的class变成了classN
刘赛_c5a1·2023-09-23 13:56

react学习记录

vue转react哭死我了。。。1、react路由(react-router-dom)1.安装依赖。react-router-dom(V6)pnpminstallreact-router-dom2.参考路由使用案例：（参考代码地址）https://github.com/kpav33/react-router-v6
Liszter·2023-09-22 08:53

react.js

ReactReact学习内容React学习版本：16.xReact老版本项目：15.xreact官网说17.x会使用的一些技术React应用级脚手架CRAdvaumicreate-react-app【CRA
wwintowin·2023-09-21 22:04

React--学习资料

ReactReact学习内容I.React脚手架create-react-app1.安装脚手架全局安装$npminstall-gcreate-react-app局部安装，使用npx$npxcreate-react-appyour-app
mzh1995hh·2023-09-21 22:31

react学习(八)______组件的生命周期(挂载阶段)

生命周期是从一个组件或者实例开始的，在react中的组件，也是有组件的生命周期的。有生命周期，就代表有许多钩子函数。react中生命周期分为四个阶段，挂载阶段、更新阶段、卸载阶段、错误处理阶段。react生命周期的图谱http://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/挂载阶段挂载阶段里面的钩子函数有四个render()是组件中
胸不平·2023-09-19 02:03

尚硅谷React学习笔记

本文档为视频学习笔记、需结合哔哩哔哩尚硅谷react教程视频阅读使用react简介react是干什么的react是用于构建界面的js库——只关注视图以往展示信息的步骤发送请求获取数据处理数据操作dom进行渲染react只关注第三步。前两部还需要之前的知识去做，react只帮忙操作dom。——react是一个将数据渲染为html视图开源js库react的好处原生js的痛点原生js操作domfan所、
一个厨子的全栈之路·2023-09-17 00:54

React学习笔记（二）

条件渲染if、&&、||、三元表达式列表&Keys循环列表时需要给每一项加上独一无二的key;提取出一个ListItem组件，你应该把key保存在数组中的这个元素上，而不是放在ListItem组件中的元素上;元素的key在他的兄弟元素之间应该唯一;jsx的{}表达式中不能出现var,const,let等这种关键字。组件API设置状态：setState参数格式setState(objectnextS
老夫当年也是神一般的少年·2023-09-16 21:08

React学习笔记-day01

React概述react介绍用于构建用户界面的javascript库，https://reactjs.org/（英文）https://react.docschina.org/（中文）React是一个用于构建用户界面（UI，简单理解为：HTML页面）的JavaScript库如果从mvc的角度来看，React仅仅是视图层（V）的解决方案。也就是只负责视图的渲染，并非提供了完整了M和C的功能react/
Rango06·2023-09-12 11:57

react学习笔记系列（二）(包含redux模式)

react学习笔记系列（二）(包含redux模式)文章目录react学习笔记系列（二）(包含redux模式)tips什么是受控组件？什么是挂载？
LynnWonderLu·2023-09-12 11:26

react学习笔记系列（四）（react-redux）

redux模式的原理此处不再赘述，以下主要参考了Redux详解，以及阮一峰老师的博客，其他内容可以参考我的前一篇博客：react学习笔记系列（二）redux是什么？
LynnWonderLu·2023-09-12 11:26

react18 函数组件 学习笔记

react学习笔记react安装渲染DOM使用Portal(可以将组件渲染到页面指定位置)使用方法CSS_Modal(外部样式表)使用方式Fragment(根元素)使用方式context(全局共享数据方式
Scar_goSky·2023-09-12 11:24

react学习笔记（完整版 7万字超详细）

1.React基础1-1.react-调试插件安装浏览器右上角…===>更多工具===>扩展程序==>开启开发者模式==>将调试插件包拖拽进来即可1-2.react基本使用React需要引入两个包ReactReactDOM需要创建一个根节点【舞台】，进行渲染Document//创建一个根节点，建立react与dom元素的联系//create创建//root根//createRoot:创建根节点【搭
你眼里有一条星河照耀着我·2023-09-10 12:46

React学习笔记---React脚手架

React脚手架一、使用create-react-app创建react应用1、react脚手架2、创建项目并启动3、react脚手架项目结构4、功能界面的组件化编码流程（通用）5、用脚手架写一个简单示例二、组件的组合使用（综合实例）一、使用create-react-app创建react应用1、react脚手架xxx脚手架:用来帮助程序员快速创建一个基于xxx库的模板项目1）.包含了所有需要的配置（
丑小鸭变黑天鹅·2023-09-10 12:16

React学习笔记-Day03

目录一、使用create-react-app创建react应用react脚手架创建项目并启动react脚手架项目结构功能界面的组件化编码流程（通用）关于编写React项目时的知识点(可参考todos案例)一、使用create-react-app创建react应用react脚手架xxx脚手架:用来帮助程序员快速创建一个基于xxx库的模板项目包含了所有需要的配置（语法检查、jsx编译、devServe
BlackStar-Coder·2023-09-10 12:45

React学习笔记-Day05

目录一、React路由1.SPA的理解2.路由的理解3.react-router-dom的理解二、路由的基本使用三、路由组件与一般组件NavLink与封装NavLinkSwitch的使用(包裹多个Route实现{path:component}的单一匹配)解决多级路径刷新页面样式丢失的问题路由的严格匹配与模糊匹配Redirect的使用嵌套路由向路由组件传递参数编程式路由导航withRouter的使用
BlackStar-Coder·2023-09-10 12:45

【React】React学习：从初级到高级（四）

React学习[四]4应急方案4.1使用ref引用值4.1.1给组件添加`ref`4.1.2ref和state的不同之处4.1.3何时使用ref4.2使用ref操作DOM4.2.1获取指向节点的ref4.2.3
秦哈哈·2023-09-09 21:24

React学习笔记

React学习笔记一、react的基本使用1、在使用react时，用到react，react-dom，babel库，这里需要引入安装hello-react//这里的type要声明为"text/babel
Zhu Xiaopi·2023-09-09 12:41

【React学习】React高级特性

1.函数式组件和类组件区别函数式组件函数式组件是一种简单的组件定义方式，它是一个以JavaScript函数为基础的组件。可以把函数式组件理解为纯函数，它的输入为props，输出为JSX。函数式组件没有状态，也没有生命周期。functionList(props){const{list}=this.propsreturn{list.map((item,index)=>{return{item.titl
周兴·2023-09-09 03:36

【React】React学习：从初级到高级（三）

3状态管理随着应用不断变大，应该更有意识的去关注应用状态如何组织，以及数据如何在组件之间流动。冗余或重复的状态往往是缺陷的根源。3.1用State响应输入3.1.1声明式地考虑UI总体步骤如下：定位组件中不同的视图状态确定是什么触发了这些state的改变人为输入，人为输入一般需要事件处理函数计算机输入表示内存中的state（需要使用useState）需要让“变化的部分”尽可能的少，可以先从必须的状
秦哈哈·2023-09-04 11:43

react学习之路：TS报错-Its return type ‘Element[]‘ is not a valid JSX element

React报错之Itsreturntype‘Element[]’isnotavalidJSXelement产生的原因：1，函数组件返回的是Element数组，不是JSX元素。2，如果组件返回的是JSX和null以外的值会提示类似’xxx’cannotbeusedasaJSXcomponent.Itsreturntype‘void’isnotavalidJSXelement.的错误。错误代码示例：1
名字都被占了·2023-09-01 23:41
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他