API do React.Component

this.props

Componentes podem ser configurados durante a instanciação passando propriedades para o constructor - estas propriedades são chamados props. props pode ser acessado de dentro de métodos do componente com this.props, a fim de alterar a forma como o componente é processado e/ou como ele se comporta. No entanto, props não devem ser alteradas internamente no componente.

Um elemento pai pode alterar props de um elemento filho a qualquer momento. O elemento filho geralmente se auto-renderiza novamente para reflectir os novos parâmetros de configuração. Um componente filho pode decidir não renderizar-se novamente mesmo que a sua configuração seja alterada, conforme determinado pelo shouldComponentUpdate() (veremos mais sobre isso na seção API do Ciclo de Vida de um componente).

this.state

Componentes podem manter seu estado internamente usando o objeto state. this.state pode ser acessado de dentro de métodos do componente. Ao contrário de props, um elemento pai não pode acessar o state de um filho, uma vez que ele se destina a gerenciar o estado interno do filho, em vez de uma configuração externa.

Observe que você nunca deve atribuir diretamente a uma chave específica dentro do objeto state, por exemplo, this.state.foo='bar', mas sim usar o método this.setState() .

this.setState(object newState)

Componentes podem atualizar seu estado - state - passando um objeto para o método this.setState(). Qualquer chave no objeto passado para o método será incorporada (e substituirá as chaves existentes) em this.state.