编程语言
首页 > 编程语言> > javascript-什么时候在REACT中使用构造函数合适?

javascript-什么时候在REACT中使用构造函数合适?

作者:互联网

我了解C之类的OOP语言中的构造函数的概念.但是,我不完全确定何时在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知识可能还没有完全解决.

解决方法:

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

React组件的构造函数在挂载之前被调用.在为React.Component子类实现构造函数时,应在其他任何语句之前调用super(props).否则,this.props将在构造函数中未定义,这可能会导致错误.

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

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

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

标签:reactjs,react-native,constructor,es6-class,javascript
来源: https://codeday.me/bug/20191024/1924446.html