React 构造函数的主要目的是什么？

71 阅读 0 评论 47 点赞

我是靠谱客的博主淡然镜子，最近开发中收集的这篇文章主要介绍React 构造函数的主要目的是什么？，觉得挺不错的，现在分享给大家，希望可以做个参考。

构造函数主要用于两个目的，通过将对象分配给this.state来初始化本地状态将事件处理程序方法绑定到实例上例如，以下代码涵盖了以上两种情况

constructor(props) {
super(props);
// Don't call this.setState() here!
this.state = { counter: 0 };
this.handleClick = this.handleClick.bind(this);
}

constructor（）是ES6写法所特有的, 代替了ES5的 getDefaultProps(){} , getInitialState(){}
1 到底要不要写?
答: 如果你需要设置默认的状态就要写

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

3 绑定事件到底要不要在构造函数constructor（）中进行？
答: js 的bind 每次都会返回一个新的函数, 为了性能等考虑, 要在constructor中绑定事件

4 什么情况下在constructor（）中初始化事件和初始化状态?
比如: input 需要一个默认value的时候, 你就要初始化状态了

以上就是淡然镜子为你收集整理的React 构造函数的主要目的是什么？的全部内容，希望文章能够帮你解决React 构造函数的主要目的是什么？所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。