带你了解React面向组件编程,spring原理及流程面试

本文介绍了如何在React中使用propTypes进行属性类型和必要性限制,prop-types库的应用,以及组件的默认属性设置。此外,还详细讲解了ref的使用、事件处理机制、表单组件的受控与非受控状态,以及组件的生命周期管理。
摘要由CSDN通过智能技术生成

(2)对props中的属性值进行类型限制和必要性限制

第一种方式(React b15.5开始已弃用)

Person.propTypes = {

name:React.PropTypes.string.isRequired

age:React.PropTypes.number

}

第二种方式(新)

使用prop-types库进限制(prop-types库)

Person.propTypes = {

name:PropTypes.string.isRequired,

age:PropTypes.number

}

(3)扩展属性:将对象的所有属性通过props传递

<Person {…person}/>

(4)默认属性值

Person.defaultProps = {

age:18,

sex:‘男’

}

5、组件类的构造函数

constructor(props){

super(props)

console.log(props)

}

组件实例的三大核心属性3:refs与事件处理


编码

(1)字符串形式的ref

(2)回调形式的ref

<input ref = {© => {this.input1} = c}/>

(3)createRef创建ref容器

myRef = React.createRef()

事件处理


(1)通过onXxx属性指定事件处理函数(注意大小写)

​ a、React使用的是自定义(合成)时间,而不是使用的原生DOM事件

​ b、React中的事件是通过事件委托方式处理的(委托给组件最外层的元素)

(2)通过event.target得到发生事件的DOM元素对象

收集表单数据


理解

包含表单的组件分类

​ a、受控组件

​ b、非受控组件

组件生命周期


理解

(1)组件对象从创建到死亡它会经历特定阶段

(2)React组件对象包含一系列勾子函数(声明周期回调函数)在特定的时刻调用

(3)我们定义组件时,在特定的生命周期回调函数中做特定的工作。

声明周期的三个阶段(旧)

1、初始化阶段:由ReactDOM.render()触发----初次渲染

​ 1、constructor()

​ 2、componentWillMount()

​ 3、render()

​ 4、componentDidMount()

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数Java工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Java开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
img
img
img
img
img
img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Java开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新

如果你觉得这些内容对你有帮助,可以添加V获取:vip1024b (备注Java)
img

写在最后

学习技术是一条慢长而艰苦的道路,不能靠一时激情,也不是熬几天几夜就能学好的,必须养成平时努力学习的习惯。所以:贵在坚持!

最后再分享的一些BATJ等大厂20、21年的面试题,把这些技术点整理成了视频和PDF(实际上比预期多花了不少精力),包含知识脉络 + 诸多细节,由于篇幅有限,上面只是以图片的形式给大家展示一部分。

蚂蚁金服三面直击面试官的Redis三连,Redis面试复习大纲在手,不慌

Mybatis面试专题

蚂蚁金服三面直击面试官的Redis三连,Redis面试复习大纲在手,不慌

MySQL面试专题

蚂蚁金服三面直击面试官的Redis三连,Redis面试复习大纲在手,不慌

并发编程面试专题

习惯。所以:贵在坚持!

最后再分享的一些BATJ等大厂20、21年的面试题,把这些技术点整理成了视频和PDF(实际上比预期多花了不少精力),包含知识脉络 + 诸多细节,由于篇幅有限,上面只是以图片的形式给大家展示一部分。

[外链图片转存中…(img-cKYzwh05-1711857494944)]

Mybatis面试专题

[外链图片转存中…(img-EC6gpkcH-1711857494945)]

MySQL面试专题

[外链图片转存中…(img-BLx4sE0a-1711857494945)]

并发编程面试专题

  • 18
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值