Skip to main content
adicionou 304 caracteres ao conteúdo
Fonte Link

No React, quando se cria um componente statefull, deve se estender uma Classe Javascript Nativa, com o React.Component ficando:

class Container extends React.Component {
  render() {
    return (
      <div>
      </div>
    );
  };
}

Sendo assim a propriedade props pertence ao React.Component, e para acessar o conteúdo do React.Component na montagem da classe Container, deve se usar o super para injetar as propriedades (props, métodos) assim que o constructor for chamado. Ficando deste modo:

class Container extends React.Component {
  constructor(props) {
    super(props)
    
    this.state = {
      list: props.list
    }
  }

  render() {
    return (
      <div>
      </div>
    );
  };
}

Por isso a definição do MDN diz que:

A palavra-chave super é usada para acessar o objeto pai de um objeto, em outros casos, é usada para acessar a classe pai de uma classe.

https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Operators/super

No React, quando se cria um componente statefull, deve se estender uma Classe Javascript Nativa, com o React.Component ficando:

class Container extends React.Component {
  render() {
    return (
      <div>
      </div>
    );
  };
}

Sendo assim a propriedade props pertence ao React.Component, e para acessar o conteúdo do React.Component na montagem da classe Container, deve se usar o super para injetar as propriedades (props, métodos) assim que o constructor for chamado.

Por isso a definição do MDN diz que:

A palavra-chave super é usada para acessar o objeto pai de um objeto, em outros casos, é usada para acessar a classe pai de uma classe.

https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Operators/super

No React, quando se cria um componente statefull, deve se estender uma Classe Javascript Nativa, com o React.Component ficando:

class Container extends React.Component {
  render() {
    return (
      <div>
      </div>
    );
  };
}

Sendo assim a propriedade props pertence ao React.Component, e para acessar o conteúdo do React.Component na montagem da classe Container, deve se usar o super para injetar as propriedades (props, métodos) assim que o constructor for chamado. Ficando deste modo:

class Container extends React.Component {
  constructor(props) {
    super(props)
    
    this.state = {
      list: props.list
    }
  }

  render() {
    return (
      <div>
      </div>
    );
  };
}

Por isso a definição do MDN diz que:

A palavra-chave super é usada para acessar o objeto pai de um objeto, em outros casos, é usada para acessar a classe pai de uma classe.

https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Operators/super

Fonte Link

No React, quando se cria um componente statefull, deve se estender uma Classe Javascript Nativa, com o React.Component ficando:

class Container extends React.Component {
  render() {
    return (
      <div>
      </div>
    );
  };
}

Sendo assim a propriedade props pertence ao React.Component, e para acessar o conteúdo do React.Component na montagem da classe Container, deve se usar o super para injetar as propriedades (props, métodos) assim que o constructor for chamado.

Por isso a definição do MDN diz que:

A palavra-chave super é usada para acessar o objeto pai de um objeto, em outros casos, é usada para acessar a classe pai de uma classe.

https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Operators/super