Tengo tres componentes en mi aplicación que son <Video /> , <VideoPreview /> , <VideoWrapper /> ,
aquí el componente VideoWrapper representa condicionalmente otros dos componentes en función de un estado isDragging , cada vez que alguien comienza a arrastrarlo, se representa,
el código es como isDragging ? <VideoPreview /> : <Video />
Aquí, en esta pregunta , vi que prefieren usar el enfoque actual (representación de cortocircuito JSX). Pero en mi caso, el componente <Video /> procesa algunos otros componentes y realiza una solicitud HTTP en cada procesamiento para cargar el video desde CDN.
Así que estoy confundido acerca de cuál debería ser mejor, el enfoque actual o pasar el estado isDragging al componente de video y alternar la visibilidad usando CSS cuando isDragging=true . ¿Alguien puede explicar cuál debería ser mejor?
Definitivamente desea arrastrar la vista previa y no el componente en sí. Dependiendo de lo que use para arrastrar y soltar, el componente arrastrado podría volver a renderizarse varias veces durante el ciclo completo.