资讯 小学 初中 高中 语言 会计职称 学历提升 法考 计算机考试 医护考试 建工考试 教育百科
栏目分类:
子分类:
返回
空麓网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
空麓网 > 计算机考试 > 软件开发 > 后端开发 > Java

React学习2(面向组件编程)

Java 更新时间: 发布时间: 计算机考试归档 最新发布

React学习2(面向组件编程)

模块与组件,模块化与组件化的理解

模块

理解:向外提供特殊功能的JS程序,一般就是一个js文件;

为什么要拆成模块:随着业务逻辑的增多,代码越来越多且复杂;

作用:复用js,简化js的编写,提高js运行效率。

组件

理解:用来实现局部功能效果的代码和资源的集合;

为什么:一个界面的功能更复杂;

作用:复用代码,简化项目编码,提高运行效率;

模块化

当应用的js都已模块来编写的,这个应用就是一个模块化的应用

组件化

当应用是以多组件的方式实现,这个应用就是一个组件化的应用

定义函数式组件和类式组件

函数式组件




  
  
  
  函数定义的组件


  
  

  

  
  
  
  
  
  

  

执行了ReactDOM.render(Mycomponent />, document.getElementById('test'))之后,发生了什

么?

1.react解析组件标签,找到了Mycomponent函数组件,如果找不到,则报错

2.发现组件是使用函数定义的,随后调用该函数,将返回的虚拟dom转为真实dom,随后呈现在页

面中

定义类组件

定义类式组件,要求自己的类必须继承react中的类(React.component),该类是react内置的

创建类组件必须要满足的三点:

       1.必须继承react当中的类(React.component)

      2.必须写render() {}

      3.render函数中必须写返回值




  
  
  
  类式组件


  
  

  

  
  
  
  
  
  

  

执行了ReactDOM.render(Mycomponent />, document.getElementById('test'))之后,发生了什

么?

1.react解析组件标签,找到了myComponent函数组件,如果找不到,则报错

2.发现组件是使用类定义的,随后new出来该类实的例,并通过该实调例用到原型上的render方法

3.将render返回的虚拟dom转为真实dom,随后呈现在页面中

复习类的基础知识

类的定义及使用




  
  
  
  类的基本知识


  

类的继承




  
  
  
  继承


  

总结:

1.类中的构造器不是必须写的,要对实例进行一些初始化的操作,如添加指定属性时才写

2.如果A类继承了B类,且A类中写了构造器,那么A类构造器中的super是必须要调用的,且要写在

新 增属性的 最前面

3.类中所定义的方法,都是放在了类的原型对象上,供实例去使用

转载请注明:文章转载自 http://www.konglu.com/
本文地址:http://www.konglu.com/it/1094427.html
免责声明:

我们致力于保护作者版权,注重分享,被刊用文章【React学习2(面向组件编程)】因无法核实真实出处,未能及时与作者取得联系,或有版权异议的,请联系管理员,我们会立即处理,本文部分文字与图片资源来自于网络,转载此文是出于传递更多信息之目的,若有来源标注错误或侵犯了您的合法权益,请立即通知我们,情况属实,我们会第一时间予以删除,并同时向您表示歉意,谢谢!

我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2023 成都空麓科技有限公司

ICP备案号:蜀ICP备2023000828号-2