El proyecto React implementa la vista previa de la imagen de clic
"React-zmage" es un componente de vista de zoom de imagen con una animación suave y concisa, simple y conveniente de usar. reaccionar-zmage es un control de escala de imagen basado en React. Usando la etiqueta Zmage, la etiqueta Zmage puede ajustar la imagen para obtener un efecto de zoom instantáneo, reemplazar la etiqueta img nativa y también permitir que la imagen se voltee.
(1) Importar: Importar Zmage desde 'react-zmage'
(2) Usar Zmage para reemplazar la etiqueta img en la página
con
¡Ahora haga clic en estas imágenes para verlas más grandes!
2. path.resolve() se utiliza para unir rutas. El número de parámetros no está limitado y cada parámetro representa una ruta.
De atrás hacia adelante, si el carácter comienza con /, no se unirá a la ruta anterior (porque el empalme aquí ya es una ruta absoluta si comienza con ./); , la ruta anterior se empalmará, pero el último segmento de la ruta no se empalma si está ./ o sin firmar, la ruta anterior se empalma;
3. Durante el desarrollo, cuando usamos la ruta. resolve() para unir rutas, encontraremos la necesidad de usar la ruta absoluta, pero cuando implementemos el proyecto en el servidor, la ruta absoluta cambiará. Por lo tanto, necesitamos una expresión de ruta absoluta computable. Usar __dirname puede resolver los siguientes problemas. __dirname, en cualquier caso, esta variable representa el directorio donde se encuentra el archivo js que se está ejecutando actualmente.