Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[SUGESTÃO] Tratativa em notas vazias

Ao criarmos o método de criar notas poderiamos implementar o seguinte trecho de codigo para definir um valor default para a nota a ser criada:

Em FormulárioDeCadastro.jsx:

   constructor(props){
    super(props);
    this.titulo = 'Nota vazia';
    this.texto = 'Vazio';
  }

É possível fazer algo parecido usando um If no próprio método, porém é verboso demais.

  _criarNota(evento){
    evento.preventDefault();
    evento.stopPropagation();
    if(this.titulo === '' || this.texto === ''){
      this.titulo = 'Nota vazia';
      this.texto = 'Vazio';
      return;
    }
    this.props.criarNota(this.titulo, this.texto);
  }

Dessa maneira caso o usuário tente clicar em criar nota ele terá o feedback :D

1 resposta
solução!

Muito bem Guilherme! Ficou muito bom!

Você também poderia verificar QUAIS campos não foram preenchidos, e somente neles adicionar o texto, é possivel fazer isso utilizando else if, veja:

  _criarNota(evento){
    evento.preventDefault();
    evento.stopPropagation();
    if(!this.titulo && !this.texto){  //Linha 1
      this.titulo = 'Nota vazia';
      this.texto = 'Vazio';
      return;
    } else if(!this.titulo) { 
        this.titulo = 'Nota vazia'
    } else if (!this.texto) {
        this.texto = 'Vazio'
    }
    this.props.criarNota(this.titulo, this.texto);
  }

Aonde eu marquei como Linha 1, como alguns valores são considerados falsy pelo JavaScript (veja quais são clicando aqui) e '' está dentre eles, eu utilizo ! (operador de negação) para inverter esse valor (ou seja, se for falso, será verdadeiro), assim entrando na condição de acordo.

Espero ter ajudado, bons estudos :D

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software