![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
文章平均质量分 51
React
高冷大猛男
这个作者很懒,什么都没留下…
展开
-
React:九、组件的生命周期
组件从创建到死亡它会经历一些特定的阶段。React组件中包含一系列勾子函数生命周期回调函数),会在特定的时刻调用。我们在定义组件时,会在特定的生命周期回调函数中,做特定的工作。原创 2023-03-27 10:30:12 · 230 阅读 · 0 评论 -
react:二、jsx语法规则
123原创 2023-03-11 08:56:29 · 360 阅读 · 0 评论 -
React:五、组件三大核心属性1: state
组件的状态里面存着数据,数据的改变驱动页面展示。原创 2023-03-13 16:39:11 · 52 阅读 · 0 评论 -
React:七、组件三大核心属性3: refs与事件处理
组件内的标签可以定义ref属性来标识自己。原创 2023-03-24 15:02:00 · 87 阅读 · 0 评论 -
React :一、简单概念
用于构建用户界面的JavaScript库,是一个将数据渲染成HTML视图的开源JavaScript库。1.发送请求获取数据,2.处理数据(过滤、整理格式等)3.操作DOM呈现页面现在第三步交给React去做。原创 2023-03-08 10:44:45 · 468 阅读 · 0 评论 -
React:四、组件和类相关知识
执行了ReactDOM.render(......之后,发生了什么)?1.React解析组件标签,找到了MyComponent组件。2.发现了组件时使用函数定义的,随后调用该函数,将返回的虚拟DOM转为真实DOM,随后呈现在页面中。原创 2023-03-13 10:27:43 · 54 阅读 · 0 评论 -
React:六、组件三大核心属性2: props
如下图,ReactDOM.render的写法,就直接能放进Person对象的props属性中。下图就是上图的描述。原创 2023-03-14 11:13:49 · 46 阅读 · 0 评论 -
React:三、组件与模块,开发者工具
例如:写一个页面分为头,左侧导航栏,主体部分,把各个部分的html、css、font、img、vedio等等都拆分出来成一个组件,就是组件化开发。例如:写一个页面分为头,左侧导航栏,主体部分,把各个部分的js都独立出来编写,就是一个模块化的项目。Components:表示这个项目用了哪些组件,组件的属性等等。1.模块化:使用的js如果拆成模块了,就是一个模块化的项目。2.组件化:使用组件开发的,就是一个组件化项目。Profiler:表示组件的性能,加载快慢等。下载了拓展程序f12,就有了下面两个按钮。原创 2023-03-11 09:43:03 · 85 阅读 · 0 评论 -
React:八、受控和非受控组件
不要过度的使用ref,有些可以省略,如:ref的DOM跟要操作的DOM是同一个时,ref可以省略。如下图。 event.target获得发生事件的事件源,就是input框。 页面中所有的输入类的DOM是现用现取,就是非受控组件。onSubmit就是表单提交时触发一些别的事件。下图就是一个非受控组件。受state控制 下图是受控组件的简单写法,用到了高阶函数跟函数的柯里化柯里化的实例a返回一个函数,返回的函数再返回一个函数,最后做同一处理。原创 2023-03-24 17:02:38 · 88 阅读 · 0 评论