react
文章平均质量分 79
聂一
这个作者很懒,什么都没留下…
展开
-
react复习二之组件三大核心属性
状态状态即state驱动着页面的更新,我们需要把数据放在react的state中,再由react驱动页面,state是react自动实例化类组件的时候传进去的属性改变状态复习一下绑定事件的几种方式监听器直接绑定事件行内在类中定义的方法,它在局部也就是方法体内会默认帮你开启严格模式,在jsx写的组件里面绑定事件,由于方法是作为绑定事件的回调函数所以不是通过实例调用的,是直接调用,this指向为undefined,要改变此时的this指向使其指向实例自身在react中不能直接修改sta原创 2021-03-15 17:31:38 · 206 阅读 · 0 评论 -
react复习一
虚拟DOM原生js都是直接操控dom节点,如果改变样式等也是先获取节点再改变上面的样式,而react这是采用虚拟dom,就是在操作真实dom之前生成虚拟dom,比如一个数组你现在生成一个列表里面有两条数据,如果你现在有三条数据了你就要重新渲染,原生js不会引用重复的数据而是干脆直接重新渲染,这样很浪费性能,虚拟dom则会查看是否有相同的节点重复利用,再去添加真实的节点,这就是diffing算法,我们从头到尾也只需要操作虚拟dom即可,这就是react相对于传统js的优势虚拟DOM的两种创建方式注意js原创 2021-02-28 21:39:56 · 168 阅读 · 0 评论 -
react小知识点
react里面的标签样式,都是style={}的形式,里面要接受的是一个对象,不能是别的,也不能使用传统的那种style=“width:300px”如果要给一个标签两个类名的话,需要是className={'abc'+''bcd'}这种形式,或者用插件classnames也可以做到在标签里面写style如果碰到有-的属性名,用驼峰代替,或者不用驼峰但是属性名要用引号括起来如果要向一个组件一次性传递多个值,可以用对象的形式然后在传递的时候解构props验证只在开发时候使用,上线时候取消,验证依赖pr.原创 2020-12-08 18:02:07 · 255 阅读 · 0 评论 -
react项目目录介绍
README.mdmarkdown文件,主要作用就是对项目的说明,已经默认写好了一些东西,一般写一些项目的备注之类的,如果是工作中,你可以把文件中的内容删除,自己来写这个文件,编写这个文件可以使用Markdown的语法来编写。如果上传到github上,它会成为一个供他人观看的项目介绍package.json这个文件是webpack配置和项目包管理文件,项目中依赖的第三方包(包的版本)和一些常用命令配置都在这个里边进行配置,当然脚手架已经为我们配置了一些了,目前位置,我们不需要改动。在scripts原创 2020-11-30 11:11:47 · 891 阅读 · 1 评论