资讯专栏INFORMATION COLUMN

React组件中的constructor和super

jay_tian / 1282人阅读

摘要:关于和的小问题是否有必要写是写法所特有的代替了的如果你需要设置默认的状态就要写要不要传必须配上如果要在内部使用就要传入否则不用绑定事件到底要不要在构造函数中进行的每次都会返回一个新的函数为了性能等考虑要在中绑定事件什么情况下在中初始化事件和

关于constructor和super的小问题 1.是否有必要写constructor()?

constructor()是ES6写法所特有的, 代替了ES5的 getDefaultProps(){} , getInitialState(){}如果你需要设置默认的状态就要写

2.super()要不要传 props ?

constructor() 必须配上 super(), 如果要在constructor 内部使用 this.props 就要传入props , 否则不用

3.绑定事件到底要不要在构造函数constructor()中进行?

js的bind 每次都会返回一个新的函数, 为了性能等考虑, 要在constructor中绑定事件

4.什么情况下在constructor()中初始化事件 和 初始化状态?

比如:input 需要一个默认value的时候, 你就要 初始化状态了

5.super中的props是否必要? 作用是什么?

可以不写constructor,一旦写了constructor,就必须在此函数中写super(),此时组件才有自己的this,在组件的全局中都可以使用this关键字,否则如果只是constructor 而不执行 super() 那么以后的this都是错的!

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/110011.html

相关文章

  • 手挽手带你学React:三档 React-router4.x的使用

    摘要:我们在内部来渲染不同的组件我们这里采用哈希路由的方式,鉴于的渲染机制,我们需要把值绑定进入内部。 手挽手带你学React入门三档,带你学会使用Reacr-router4.x,开始创建属于你的React项目 什么是React-router React Router 是一个基于 React 之上的强大路由库,它可以让你向应用中快速地添加视图和数据流,同时保持页面与 URL 间的同步。通俗一...

    SunZhaopeng 评论0 收藏0
  • React入门系列 - 3 state与props

    摘要:而主要被设计用于维持组件内部私有状态。初始化初始化需要在中进行。对于的定义为请求修改某个数据,而的实现则是将对变量的修改放入一个修改队列中,在一个循环之后进行批量更新结果深入点涉及的更新机制。推出了与版本之后推出来的就是为了解决这些问题的。 3.1 什么是state 我们要认识到,React中的组件其实是一个函数,所以state是函数内部的私有变量,外部其他组件或者方法都是无法直接访问...

    henry14 评论0 收藏0
  • [译]React ES6 class constructor super()

    摘要:会自行设置在组件的其他地方以供访问。将传入的作用是可以使你在内访问它完善后如果你只是想在别处访问它,是不必传入的,因为会自动为你设置好 原博文地址: http://cheng.logdown.com/posts/2016/03/26/683329 当我们像下面这样使用React的ES6 class语法创建一个组件的时候: class MyClass extends React.comp...

    terasum 评论0 收藏0
  • 装饰者模式的应用:react高阶组件ES6 装饰器

    摘要:装饰者模式参与者装饰者和被装饰者共同的父类,是一个接口或者抽象类,用来定义基本行为定义具体对象,即被装饰者抽象装饰者,继承自,从外类来扩展。三装饰器高阶组件可以看做是装饰器模式在的实现。 一 装饰者模式 优先使用对象组合而不是类继承。 --《设计模式》 1.什么是装饰者模式 定义:动态的给对象添加一些额外的属性或行为。相比于使用继承,装饰者模式更加灵活。 2.装饰者模式参与者 Co...

    YuboonaZhang 评论0 收藏0
  • 简单谈谈我理解的React组件生命周期

    摘要:用处你在组建中所有的移除所有组建中的监听生命周期父子组件渲染顺序父组件代码引入子组件子组件代码浏览器中的执行结果如下图结论所以在的组件挂载及过程中,最底层的子组件是最先完成挂载及更新的。 原文首发在我的个人博客:欢迎点此访问我的个人博客 学了一段时间的react了,现在对自己学习的react的生命周期做一个简单总结(如有错误请留言指正,谢谢) react一共有如下几个生命周期函数 c...

    lowett 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<