No tienes acceso a esta clase

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

Curso de Next.js 2018

Curso de Next.js 2018

Roberto González

Roberto González

Vistas Híbridas

18/23
Recursos

En esta clase vamos a ver algo muy particular, y tiene que ver con cómo implementar vistas híbridas. Conoceremos una de las funcionalidaes de React que es: setState(), que nos permite cambiar el estado de los componentes.

Aportes 8

Preguntas 4

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Codigo Con React Hooks :

const [openPodcast, setPodcast] = useState(null);
    const setOpenPodcast = (event, podcast) => {
        event.preventDefault()
        setPodcast(podcast)
    }

Y no cree el otro componente para tener el elemento onClick, simplemte agregue el evento en la etiqueta hija <a> del Link.

a día de hoy, ¿los chicos de next.js fixearon el tema del link?

No es necesario escribir el constructor para un state:

state= {
openPodcast: null
}

openPodcast = (e, podcast) => {
e.preventDefault();
this.setState({
openPodcast: podcast
})
}

//Otra forma de mostrar codigo a partir de una validación es la siguiente:
{(openPodcast)?<div>Hay un podcast abierto</div>: null}

Ya se actualizo el componente link? Porque next va por la versión 9+ y en el curso esta la 6.1

Por qué menciona el Link de Next? No se supone que desde la clase pasada estamos usando el Link de next-routes en lugar del Link de Next?

He aprendido mucho con este curso aunque este video sin duda ha sido el mas confuso. Es raro picar código y no saber para que si no hasta el final del video. Creo que seria mejor explicar a detalle la funcionalidad que se quiere implementar antes de picar todo el código y mas aun si se está haciendo un “hack” para que funcione en Next.

Me queda la duda, si no es necesario hacer binddel metodo openPodcastcomo se suele hacer en React. algo como:

this.openPodcast = this.openPodcast.bind(this);

hola como estan soy nuevo en Next js y si quiero agregar una seccion como un Menu que estan en otro proyecto lo quiero ingresar con ESI esi:include react js pero teno la duda si debe ser en el index o uno d elos archivos de _Document o _App