构造函数仅用于以下两种情况
- 通过给this.state赋值对象来初始化内部state。
- 为事件处理绑定实例(bind)
- 如果用了构造器,就必须constructor(props),super(props),才能使用this.props
总之:取决于是否希望在构造器中通过this访问props,开发基本不写
字符串取用是this.refs
字符串的ref过时了,用回调形式的ref或者createRef()
回调形式:
<input type=“text” ref={c=>this.input1=c}/>主要
使用:const {input1} = this
另一种回调:
使用:saveInput=(c)=>{this.input1=c}
createRef:
使用:挂在原型对象 myRef = React.createRef()
取到:this.myRef.current.value
专人专用
请勿过度使用ref,有时候使用event.target就可以,比如input身上onBlur事件
onClick等,使用了事件委托,放在了父元素,为了高效
033_非受控组件
现用现取
event.preventDefault()
输入类的dom,绑定onChange(),e.target.value和state绑定
同vue的v-model
传参不能this.方法(),不能有小括号,否则是把返回值拿去绑定事件
必须拿一个函数作为回调
但是可以在方法里返回一个箭头函数
高阶函数
函数接收一个参数是函数
或
调用的返回值是一个函数
如:promise,setTimeout,arr.map()
函数的柯里化
通过函数调用继续返回函数的方式,实现多次接收参数最后统一处理的编码形式
涉及事件传参,遇到event的时候
[
小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数初中级前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助,可以添加下面V无偿领取!(备注:前端)
最后
除了简历做到位,面试题也必不可少,整理了些题目,前面有117道汇总的面试到的题目,后面包括了HTML、CSS、JS、ES6、vue、微信小程序、项目类问题、笔试编程类题等专题。
](https://bbs.csdn.net/topics/618166371)**