props基本用法,把属性自动保存到props里
简写:三点展开,展开运算符无法展开对象,但是三点外侧包裹花括号可以复制对象{...P}
对props的属性进行限制
首先需要引入prop-types.js包
之后再去进行限制
props是只读的,只允许读,不允许改
props简写方式,使用static:
函数式组件使用props,只有props可以使用函数式组件,其他都必须使用类式组件
函数式组件使用props也可以对props属性进行限制
refs,相当于原生里的id,id需要document.getElementById("id"),但是ref不用
以上是字符串类型的ref,不推荐,效率不高
回调形式的ref,借用箭头函数,把标签挂到实例上(最常用的):
为避免重复调用,可以换下面这种写法,但是也无关紧要
最新的api,使用createRef
但是createRef,一个容器只能保存一个ref标签,一个myRef对应保存一个标签,通过this.myRef.current调用
不要过度使用ref,当发生事件的元素正好是需要操作的元素时,可以使用event.target来操作
非受控组件(如form):现用现取
受控组件(如onClick):输入后可以把数据存入state,使用的时候直接从state里取
受控组件无需使用ref,更推荐使用受控组件(如onClick)
高阶函数 和 函数柯里化: