[react] React.createClass和extends Component的区别有哪些?

1.语法
React.createClass和extends采用函数构造
extends Component采用类构造

2.propType 和 getDefaultProps
React.createClass:通过proTypes对象和getDefaultProps()方法来设置和获取props.
React.Component:通过设置两个属性propTypes和defaultProps

3.状态的区别
React.createClass:通过getInitialState()方法返回一个包含初始值的对象
React.Component:通过constructor设置初始状态

4.this的区别
React.createClass:会正确绑定this
React.Component:由于使用了 ES6,属性并不会自动绑定到 React 类的实例上。

5.Mixins
React.createClass 可以使用
React.Component不能

个人简介

我是歌谣,欢迎和大家一起交流前后端知识。放弃很容易,
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题

[react] React.createClass和extends Component的区别有哪些?相关推荐

  1. React.createClass和extends Component的区别

    语法区别 propType 和 getDefaultProps 状态的区别 this区别 Mixins 语法区别 React.createClass import React from 'react' ...

  2. 在React / React Native中使用构造函数与getInitialState有什么区别?

    本文翻译自:What is the difference between using constructor vs getInitialState in React / React Native? I ...

  3. react受控组件和非受控组件区别

    一.受控组件 在HTML中,表单元素的标签..等的值改变通常是根据用户输入进行更新. 在React中,可变状态通常保存在组件的状态属性中,并且只能使用 setState() 进行更新,而呈现表单的Re ...

  4. [react] super()和super(props)有什么区别?

    [react] super()和super(props)有什么区别? react 中的class 是基于es6的规范实现的, 继承是使用extends关键字实现继承的,子类必须在constructor ...

  5. React router 的 Route 中 component 和 render 属性理解

    React router 的 Route 中 component 和 render 属性理解 Route 标签的三个互斥属性 render.component.children Route 就是用来匹 ...

  6. [react] createElement与cloneElement两者有什么区别?

    [react] createElement与cloneElement两者有什么区别? createElement是创建一个React元素,jsx即是这个函数的语法糖:它的函数签命是React.crea ...

  7. [react] react与angular、vue有什么区别?

    [react] react与angular.vue有什么区别? Angular以前有接触过,我的感觉是,这不像React和Vue一样是构架+补充库(比如需要另外的全家桶来配合使用),它的功能非常完整, ...

  8. [react] react组件的state和props两者有什么区别?

    [react] react组件的state和props两者有什么区别? State 是一种数据结构,用于组件挂载时所需数据的默认值.State 可能会随着时间的推移而发生突变,但多数时候是作为用户事件 ...

  9. [react] Mern和Yeoman脚手架有什么区别?

    [react] Mern和Yeoman脚手架有什么区别? MERN是一种脚手架工具,可使用Mongo,Express,React和Nodejs轻松构建同构应用 Yeoman也是脚手架工具,它是基于No ...

最新文章

  1. CUDA 11功能展示
  2. 触摸屏与计算机通讯视频在线,MCGS触摸屏与电脑调试软件modbus通讯
  3. adminlte+layui框架搭建3 - layui弹出层
  4. 一种 Web 应用程序级别的 Cluster 实现技术
  5. JAVA进阶教学之(产生随机数)
  6. 田忌赛马贪心算法_acm田忌赛马问题在线等急求!!
  7. 默认表空间位置oracle,oracle 默认表空间
  8. android 拍摄二维码图片 变形矫正_鼻中隔先天偏曲矫正特殊案例——我为何给她做了两次手术...
  9. 王健林最好的时代过去了
  10. 计算机进入安全模式,电脑无法进入安全模式如何解决
  11. csv是什么意思中文_CSV 文件是什么意思?
  12. python 统计微信群未接龙
  13. mysqlfrm初步使用
  14. SQLZOO练习答案(一):SELECT names/zh
  15. ZKNUOJ 1019
  16. linux进程管理工具supervisor安装卸载、子配置文件详解、遇到的问题、supervisor group群组管理、启动一个springboot项目示例、update命令注意点
  17. 自定义视频播放器与慢放滚轮
  18. matlab代码:计及条件风险价值的电-气综合能源系统能量-备用分布鲁棒优化
  19. stm32f103 id绑定软件加密破解方法
  20. HTML里怎么设置密码框为星号,input密码框输入后设置显示为星号或其他样式

热门文章

  1. 先进的NumPy数据科学
  2. 边际概率条件概率_数据科学家解释的边际联合和条件概率
  3. Dataset和DataLoader构建数据通道
  4. leetcode 218. 天际线问题
  5. 使用Hadoop所需要的一些Linux基础
  6. leetcode剑指 Offer 53 - II. 0~n-1中缺失的数字(二分查找)
  7. 我如何使用React,Redux-Saga和Styled Components构建NBA球员资料获取器
  8. shell远程执行命令
  9. 凡事预则立(Beta)
  10. 微信小程序 功能函数 把数字1,2,3,4换成春,夏,秋,冬