No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Curso de Svelte

Curso de Svelte

Oscar Barajas Tavares

Oscar Barajas Tavares

Componente Comments

21/26
Recursos

Aportes 8

Preguntas 2

Ordenar por:

Los aportes, preguntas y respuestas son vitales para aprender en comunidad. Regístrate o inicia sesión para participar.

En mi caso yo no obtengo el texto del comentario desde el evento, cree una variable y la bindee al input:

<script>
  export let comments = [];
  let comment = '';
  
  function addComment() {
    comments = [...comments, {
      id: Date.now(),
      text: comment,
      username: 'luisxxor'
    }];
    comment = '';
  }
</script>```

  <form on:submit|preventDefault={addComment}>
    <input type="text"
      class="Comments-input"
      placeholder="Agregar comentario..."
      id="text"
      bind:value={comment}
    >
    <button type="submit">
      Post
    </button>
  </form>```

Que curso tan maravilloso, estoy aprendiendo infinidades de cosas nuevas. Este es mi primer Framework JS

Esta es la solución ya que event esta deprecado.

function addComment(e) {
    const msg = e.target.text.value;
    if (msg.length > 3) {
      const message = {
        id: Date.now(),
        text: msg,
        username: "redyafte",
      };
      comments = [...comments, message];
      e.target.text.value = "";
    }
  }

Podemos poner la data en un store? de ésta forma también funcionaría. Pero sería buena práctica? Qué es mejor?

la ruta del api ya no está disponible 😦

Me aparece este error en la consola y se me queda en cargando y no sale nada 😕

DevTools failed to load SourceMap: Could not load content for webpack:///node_modules/sockjs-client/dist/sockjs.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME

Por qué en el input debemos entrar al id? Lo pregunto ya que en ReactJS no es necesario…

👌