react中通过extend继承,父组件为什么能访问子组件的属性

代码如下,在父类的componentWillMount方法中输出 this,打印的却是子类 item

通过webpack的编译后文件中可以看到,Item方法中实际上有注入一个 _List参数,

问题: react 中的extends 与 es6中的extends的有什么区别吗?

class List extends React.Component{

constructor(props){

super(props);

this.state = {

List: [4,5]

}

}

componentWillMount(){

console.log(this);

console.log(this.state.List);

}

}

class Item extends List{

constructor(props){

super(props);

this.state = {

List : [1,2,3]

}

}

render(){

return (

123

)

}

}

React.render(, document.getElementById('app'));

相关阅读:

webstorm使用postcss报错问题

angularjs的scope会一直缓存在jqcache里

clojure agent 出现NullPointerException

商品筛选功能,求帮忙写写

关于JS的问题(设计二维数组)

改变bootstrap导航栏高度后,下拉栏背景色消失。

求助 有没有统一样式解决这种tab布局

vue2.1.0动画使用javascript钩子不起作用,几个绑定的函数没有执行

关于网页截屏的问题

大家看看这段js是怎么写出来的,这是什么模式

win10 WIFI 如何使用桥接模式

如何解决各大浏览器兼容性问题

在制作web聊天窗口时出现问题,如何判断用户是否在最底部?

SVG中stroke-dasharray的问题

vscode下面用color-picker为啥报这个错误

javaScript语言精粹这个是不是印刷错误!

vue会代替JQuery吗

[在线等]JSON2符合AMD规范吗?怎么判断一个库是否符合AMD规范?

前端表格插件,数据来自数据库,要求能在前端合并单元格

HTML什么是顶层标签

php继承exten,es6,extends_react中通过extend继承,父组件为什么能访问子组件的属性,es6,extends,react.js - phpStudy...相关推荐

  1. vue中组件之间调用方法——子组件调用父组件的方法 父组件调用子组件的方法

    vue中组件之间调用方法--子组件调用父组件的方法 & 父组件调用子组件的方法 1.vue中子组件调用父组件的方法 1.1.第一种方法是直接在子组件中通过this.$parent.event来 ...

  2. vue3 setup中父组件通过Ref调用子组件的方法

    在setup()钩子函数中调用 父组件 <template><div>我是父组件<children ref="childrenRef" />&l ...

  3. Angular中父组件通过ViewChild调用子组件的方法

    场景 Angualr中通过原生js和ViewChild的方式获取dom: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/10586 ...

  4. 父组件访问子组件中的数据(父子组件通信案例:父组件访问子组件$refs[‘子组件‘],子组件传递数据给父组件(父组件中使用v-model))

    一.需求 二.在父组件upload-cover中: 通过$refs['子组件的ref属性值']就能拿到子组件对象 三.在子组件imgae-list(相对于父组件upload-cover来说,image ...

  5. Vue2.x中的父组件数据传递至子组件

    父组件结构 template <template><div><v-girl-group :girls="aGirls"></v-girl- ...

  6. react中父子组件数据传递,子组件之间的数据传递

    首先有三个js文件,index.js(父组件) baseForm.js(子组件) etable.js(子组件) 在index.js中定义一个arr数组,传给BaseForm组件 import Reac ...

  7. vue父组件变量传递子组件_Vue2.x中的父组件数据传递至子组件

    父组件结构 template :girls="aGirls"> script import vGirlGroup from './GirlGroup' export defa ...

  8. 微信小程序 - 自定义组件中类似页面 onShow 的页面显示就触发的生命周期钩子函数(页面回退时更新数据常用, 例如回退页面更新子组件数据, 回退更新子组件中 data 内容)

    前言 在微信小程序中,用户回退页面触发更新数据的操作,一般都是在 页面 onShow() 中写上执行更新的函数即可. 但如果咱们把数据和方法都写在了自定义子组件中,那么用户回退页面时, 更新数据就成了 ...

  9. vue爬坑之 父组件向子组件异步传参 子组件中拿不到值的解决方法

    做项目时候遇到一件怪事: 父组件向子组件<dialog-info/>传个参数arrdata,是个数组 因为是Array类型的参数,子组件中进行了接收,并且default通过函数返回一个空数 ...

最新文章

  1. 直面问题,咱谈焦虑、谈烦恼、谈如何成长
  2. 误入人体的海洋细菌,能轻易吞噬你的肢体乃至生命
  3. 六十一、分析Springboot中的项目结构介绍
  4. Unity3D两种方式播放视频
  5. 把日志文件从Linux服务器拷贝到Windows上
  6. 自写图片遮罩层放大功能jquery插件源代码,photobox.js 1.0版,不兼容IE6
  7. 小议H.264技术发展趋势
  8. teamviewer类似软件_TeamViewer系统后台被黑客组织APT攻破,请注意防范
  9. undefinednbsp;referencenbsp;to…
  10. masm汇编语言堆栈段定义了却提示无堆栈段
  11. Apache Rewrite实现URL的301跳转和域名跳转
  12. 计算机数学英语基础,计算机数学基础教程 2012年版
  13. 三行代码让你轻松下载全网任意视频-Python小知识
  14. 基于AD9979+夏普sharp 1/3英寸130万像素CCD成像组件设计
  15. 支付系列-对接支付宝支付
  16. 小白刷LeeCode(算法篇)3
  17. 电路设计_物联网芯片资讯——GPRS
  18. python中关系运算符惰性求值_python对象属性惰性取值
  19. 近5年内有关病毒在复杂网络中传播与控制方面的20篇论文
  20. 勒让德n项多项式的m次求导

热门文章

  1. eclipse php 代码风格,关于更改Zend Studio/Eclipse代码风格主题的介绍
  2. html天猫倒计时代码,怎么用JavaScript编写一个天猫上使用的倒计时?
  3. linux常见文件打开,Linux常用操作有哪些? Linux常用操作介绍
  4. Oracle中给表添加主键 外键,给表中添加主键、外键
  5. 自顶向下红黑树java,【CPP】各种各样的树(9)——自顶向下的红黑树
  6. mysql sql option_MySQL 报错MySQL server syntax to use near 'OPTION SQL_SELECT_LIMIT=DEFAULT'
  7. bartender实现即扫即打印功能扫描完后自动打印_日本彩色激光打印机推荐人气排名15款...
  8. diy无感无刷电机霍尔安装_从工作原理来了解意大利Brusatori无刷电机
  9. 老式的计算机比现在的老太多了英语,老人自学英语30年成老师
  10. ios 平滑移动view_解决页面使用overflow: scroll在iOS上滑动卡顿的问题