react笔记03(组件三大属性之二refs属性,组件嵌套)

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模块化编码时才能用到)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容