标签：reactjs react-native constructor es6-class javascript

我了解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

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。