1,组件嵌套
组件名首字母一定要大写,组件名首字母一定要大写,组件名首字母一定要大写,重要的事情说三遍!!!
2 组件三大属性之二 :refs(references)
1)组件内的标签都可以定义ref属性来标识自己
2)在组件中可以通过this.refs.refName来得到对应的真实的DOM对象
3) 作用:用于操作指定的ref属性的dom元素对象(表单标签居多)
<input ref="username">
this refs.username //返回input对象
3事件处理
1)通过onXXXX属性指定组件的事件处理函数(注意大小写)
React使用的是自定义(合成)事件,而不是使用DOM事件
React中的事件是通过委托方式处理的(委托给组件最外层的元素)
(1绑定事件的元素不多,2新加的元素也会有)
2)通过event.target得到发生事件的DOM元素对象
<input onFocus={this.handleClick}/>
handleFocus(event){
event.target //返回input对象
}
3 强烈注意
1)组件内置的方法中的this为组件对象
2)在组件中自定义的方法中this为null
解决方法:1 强制绑定this 2 箭头函数(ES6模块化编码时才能用到)