Estados da Aplicação

O que é o State

Necessita de um componente em classe, seguindo o exemplo abaixo:

state = {
    newRepo: '',
    repositories: [],
    loading: false,
  };

Desestruturação para utilizar nos componentes

const { newRepo, repositories, loading } = this.state;

Exemplo de um input

<input
  type="text"
  placeholder="Adicionar repositório"
  value={newRepo}
  onChange={this.handleInputChange}
/>

newRepo receberá o valor inicial de uma string vazia, conforme passado no estado, mas ao alterar receberá o valor de handleInputChange:

handleInputChange = e => {
  this.setState({ newRepo: e.target.value });
};