![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
一尤花岛树鸣
这个作者很懒,什么都没留下…
展开
-
react使用setState
直接使用this.state.counter = 5;这种改变方式,虽然改变了致,但是react不知道他已经改变了,所以不会渲染,setState是继承的,在Component的原型上setState是异步更新的:this.state = {counter = 0}this.setState({counter: 5})console.log(counter)//显示还是原来的counter 0原因:手下要承认的是 setState时re-render是很差的操作,重新渲染需要时原创 2021-04-08 21:51:44 · 195 阅读 · 0 评论 -
React 组件的分类和Render返回值
1.类组件和函数式组件划分依据是根据组建的定义方式, 函数式组件使用函数定义组件,类组件使用es6定义组件,类组件可以维护自身的状态 有state, 有生命周期,函数时组件更简洁,只返回一个render, 使用的是无状态组建的思想,由于无法使用state,也没有生命周期,这决定了函数式组件是展示型组件,没有this,无需考虑this带来的问题。2.展示型组件和容器类组件展示型组件和容器类组件的划分规则是工作职责容器类组件主要职责是,组件如何工作的。 更具体的就是数据如何让更新,容器类组件需要知道原创 2021-04-04 21:22:30 · 1323 阅读 · 0 评论 -
虚拟 DOM
什么是 virtual DOM:React官方的说法:Virtual DOM 是一种编程理念。在这个理念中,UI以一种理想化或者说虚拟化的方式保存在内存 中,并且它是一个相对简单的 JavaScript对象我们可以通过ReactDOM.render让 虚拟DOM 和 真实DOM同步起来,这个过程中叫做协调(Reconciliation);这种编程的方式赋予了React声明式的API:你只需要告诉React希望让UI是什么状态;React来确保DOM和这些状态是匹配的;你不需要直接进行DO原创 2021-04-01 16:25:30 · 102 阅读 · 0 评论 -
JSX
//在{}可以正常显示的数据 string num array message: "Hello World" ,//String number: 18, //array array: ["aa","bbb", 15],//array //在react不能正常显示 null undefined, boolean, 默认不显示 test1: null, test2: undefined, test3:true解决:可以转原创 2021-03-31 21:08:53 · 127 阅读 · 0 评论 -
React 事件处理函数绑定 this
官网解释:如果你不绑定this,呢么在事件发生并且准确调用这个方法时,会发生this内部丢失指向这不是react原因,而是js中本来就有的,因为类声明和类表达式的主体都执行在严格模式下,严格模式下,this指向unde官网解释:如果你不绑定this,呢么在事件发生并且准确调用这个方法时,会发生this内部丢失指向 这不是react原因,而是js中本来就有的,在严格模式下,callback会失去它的this上下文。在React class组件中,事件的handle 方法给回掉函数的传参,在执行cl原创 2021-03-29 21:24:59 · 124 阅读 · 0 评论