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