小编典典

什么时候在React组件中使用构造函数?

reactjs

我总是写React代码,尤其是在ES6类中。但是我的问题是,何时constructor(props)在React
Components中使用它?该constructor(props)行是否与组件及其道具的渲染有关?


阅读 535

收藏
2020-07-22

共1个答案

小编典典

接受的答案是错误的(也许只是滥用“ render”一词)。

正如我在评论中解释的那样 ,React组件的构造函数是在首次安装或实例化组件时执行的。在后续渲染中永远不会再次调用它。

通常,构造函数用于设置组件的内部state,例如:

constructor () {
  super()
  this.state = {
    // internal state
  }
}

或者,如果您有可用的class属性语法(例如,通过Babel),则可以放弃声明构造函数(如果您使用的只是初始化状态):

class Example extends React.Component {
  state = {
    // internal state
  }
}

构造函数(props)行是否与组件及其属性的呈现有关?

构造函数不直接指示组件所呈现的内容。

组件呈现的内容由其render方法的返回值定义。

2020-07-22