0
268
VistasReactJS e imágenes en carpeta pública
Soy nuevo en ReactJS y quiero importar imágenes en un componente. Estas imágenes están dentro de la carpeta pública y no sé cómo acceder a la carpeta desde el componente de reacción.
Algunas ideas ?
EDITAR
Quiero importar una imagen dentro de Bottom.js o Header.js
La estructura de la carpeta es:
No uso paquete web. Debería ?
Editar 2
Quiero usar webpack para cargar las imágenes y el resto de activos. Así que en mi carpeta de configuración tengo los siguientes archivos:
¿Dónde necesito agregar las rutas de las imágenes y cómo?
Gracias
3 Respuestas
Responde la pregunta0
No necesita ninguna configuración de paquete web para esto.
En su componente, solo proporcione la ruta de la imagen. Por defecto, reaccionar sabrá que está en el directorio público.
<img src="/image.jpg" alt="image" />0
Para hacer referencia a imágenes en público, hay dos formas en las que sé cómo hacerlo de manera directa. Uno es como el de arriba de Homam Bahrani.
utilizando
<img src={process.env.PUBLIC_URL + '/yourPathHere.jpg'} />Y como esto funciona, realmente no necesitas nada más, pero esto también funciona...
<img src={window.location.origin + '/yourPathHere.jpg'} />