什么时候在REACT中使用构造函数合适？

Question

我了解OOP语言（例如C
++）中的构造函数的概念。但是，我不确定何时在REACT中使用构造函数。我确实了解JavaScript是面向对象的，但是我不确定构造器实际上是在“构造”什么。

呈现子组件时，子组件中是否需要构造函数？例如：

class App extends React.Component {
   constructor(props) {
      super(props);
      this.state = {
         items: [],
         error: null
      }
    }
    render () {
       return (
          <React.Fragment>
             <ChildComponent data={this.state.items}></ChildComponent>
          </React.Fragment>
       )
    }
}

为了简洁起见，我将简短示例。但是，为什么需要构造函数？您是否需要在子组件中使用一个构造函数来构造道具？

我的ES6知识很可能还没有达到标准。

Answer 1

如果您不初始化状态并且不绑定方法，则不需要为React组件实现构造函数。

在安装之前，会调用React组件的构造函数。在为React.Component子类实现构造函数时，应在其他任何语句之前调用super（props）。否则，this.props将在构造函数中未定义，这可能会导致错误。

通常，在React中，构造函数仅用于两个目的：

• 通过将对象分配给this.state来初始化本地状态。
• 将事件处理程序方法绑定到实例。

https://reactjs.org/docs/react-
component.html#constructor