React state

Front-end JavaScript
#1

Olá pessoal, estou iniciando meus estudos em React e logo de início me surgiu uma dúvida sobre o state.

Vamos lá, tenho esse simples exemplo:

class App extends React.Component {
  
  constructor(props){
    super(props);
    console.log(this);
  }
  
  render (){
    return (
      <h1> Oi! </h1>
    );
  }
}

ReactDOM.render (<App/>, document.getElementById('app'));

Nessa linha: console.log(this); verifiquei que existe um state: null, que vem da classe pai (React.Component).

Minha dúvida é a seguinte:

Digamos que tenho esse código:

class App extends React.Component {
  
  constructor(props){
    super(props);
    this.state = {
    	a : 1
    }
    console.log(this);
  }
  
  render (){
    return (
      <h1> Oi! </h1>
    );
  }
}

A linha: this.state = {a : 1}, está referenciando o state da classe pai? ou é apenas uma nova variável state, independente da classe pai?

Digo isso, pois não entendo como o React sabe que tenho uma variavel state, e como ele gerencia isso dentro do componente. É uma convenção?

Obrigado.