一:组件三大属性之一:props属性
1:每个组件对象都有props属性(默认为空)
2:组件内部标签的所有属性都存在props中(某次实例中传入的属性都默认在props中)
3:内部读取某个值的:this.props.propsname
4:通过标签属性从组件外传递至组件内(只读)
工厂函数用声明形参:
5:设置组件的默认props值:
6:设置props属性的必要性和数据类型(需要先引入库())
7:组件嵌套
组件嵌套:就是利用组件属性不断地传递参数
二:组件三大属性之refs
1)
1:组件内的标签都可以定义ref属性来标识自己
2:组件中可以通过this.refs.refName来得到真实的DOM对象
3:作用:用于操作指定的ref属性dom元素对象(表单标签居多)
<input ref = 'username'></input>
this.refs.username:返回input对象
2):事件处理:
1:通过onXxx属性指定组件的事件处理函数
React是通过自定义(合成)事件,而不是使用的DOM事件
React中的事件是通过委托方式进行处理的(委托给组件最外层的元素)
注:在自定义方法内我们指定的this指向null