![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
文章平均质量分 86
若年封尘
这个作者很懒,什么都没留下…
展开
-
详细介绍React路由
单页Web应用(single page web application,SPA),整个应用只有一个完整的页面,点击页面中的链接不会刷新页面,只会做页面的局部更新。当有多个path相同的情况,不用Switch包的话匹配到home时,第一个匹配了还会往下继续匹配,第二个也会匹配,从而两个都展示,包住后匹配到第一个后就不往下匹配了,从而只显示第一个。1.默认使用的是模糊匹配(输入的路径to必须包含要匹配的路径paath,且顺序要一致)。3.严格匹配不要随便开启,需要再开,有些时候开启会导致无法继续匹配二级路由。原创 2023-04-05 22:12:03 · 1527 阅读 · 0 评论 -
React脚手架
项目的整体技术架构为: react + webpack + es6 + eslint,使用脚手架开发的项目的特点: 模块化, 组件化, 工程化。第二步,切换到想创项目的目录,使用命令:create-react-app project_name。(2)【子组件】给【父组件】传递数据:通过props传递,要求父提前给子传递一个函数。——某个组件使用:放在其自身的state中。原创 2023-04-04 12:36:53 · 2098 阅读 · 1 评论 -
详细介绍React生命周期和diffing算法
在定义组件时,会在特定的生命周期回调函数中,做特定的工作。React使用的是自定义(合成)事件, 而不是使用的原生DOM事件 —— 为了更好的兼容性;React中的事件是通过事件委托方式处理的(委托给组件最外层的元素) ——为了的高效。函数的柯里化:通过函数调用继续返回函数的方式,实现多次接收参数最后统一处理的函数编码形式。1). 简单的说: key是虚拟DOM对象的标识, 在更新显示时key起着极其重要的作用。(2).若虚拟DOM中内容变了, 则生成新的真实DOM,随后替换掉页面中之前的真实DOM。原创 2023-02-22 23:07:24 · 347 阅读 · 0 评论 -
React组件的用法和理解
state是组件对象最重要的属性, 值是对象(可以包含多个key-value的组合);组件被称为"状态机", 通过更新组件的state来更新对应的页面显示(重新渲染组件)。React.createRef调用后可以返回一个容器,该容器可以存储被ref所标识的节点,该容器是“专人专用”的。每个组件对象都会有props(properties的简写)属性;通过标签属性从组件外向组件内传递变化的数据;注意: 组件内部不要修改props数据(只读的)。组件内的标签可以定义ref属性来标识自己。1.字符串形式的ref。原创 2023-02-16 21:15:13 · 455 阅读 · 0 评论 -
React中JSX的用法和理解
使用DOM+diff算法,最大限度地减少与DOM的交互。2.虚拟DOM比较“轻”,真实DOM比较“重”,因为虚拟DOM是React内部在用,无需真实DOM上那么多的属性。(1).若小写字母开头,则将该标签转为html中同名元素,若html中无该标签对应的同名元素,则报错。2.如果A类继承了B类,且A类中写了构造器,那么A类构造器中的super是必须要调用的。1.类中的构造器不是必须要写的,要对实例进行一些初始化的操作,如添加指定属性时才写。3.类中所定义的方法,都放在了类的原型对象上,供实例去使用。原创 2023-02-12 22:08:31 · 518 阅读 · 0 评论