Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

setState não cria nova categoria e aponta erros.

Minha aplicação aponta o seguinte erro após apertar 'Enter':!Erro em App.adicionarCategoria no App.js, a função foi contruída assim:

  adicionarCategoria(nomeCategoria) {
    const novoArrayCategorias = [...this.state.categorias, nomeCategoria]
    const novaCategoria = {
      categorias: novoArrayCategorias
    }
    this.setState(novaCategoria)
  }

E passando as props, assim:

<ListaDeCategorias 
adicionarCategoria={this.adicionarCategoria.bind(this)}
categorias={this.state.categarias} />

E no componente em si, o evento está assim:

    _handleEventoInput(event) {
        if(event.key == 'Enter') {
            let valorCategoria = event.target.value
            this.props.adicionarCategoria(valorCategoria)
        }
    }

O input dentro do componenete ListaDeCategorias:

<input 
placeholder="Adicionar categoria" 
type="text"
onKeyUp={this._handleEventoInput.bind(this)}
/>
2 respostas
solução!

Olá, Célio! Tudo bem?

Como você está inicializando this.state.categorias? Reparei que o que você passa para ListaDeCategorias é categarias e não categorias, é possível que o nome na hora da inicialização também esteja categarias? Dessa forma, categorias não existiria em state e, consequentemente não seria iterável.

Aguardo!

Era exatamente isso, Leonardo! Erro de digitação Obrigado.