“Cómo mostrar la imagen en el componente React JS” Código de respuesta

Imagen reaccionar

<img src={require('./logo.jpeg')} />

import logo from './logo.jpeg'; // with import    
const logo = require('./logo.jpeg); // with require
<img src={logo} />
Grumpy Goshawk

Cómo mostrar la imagen en el componente React JS

// METHOD 1
import logo from './logo.jpeg';
<img src={logo} />
  
// Method 2
const logo = require('./logo.jpeg'); 
<img src={logo.default} />
  
// Method 3
<img src={require('./logo.jpeg').default} />
Copy Paster

Vista de imagen Componente React JS

import { PhotoProvider, PhotoView } from 'react-photo-view';
import 'react-photo-view/dist/react-photo-view.css';

export default function App() {
  return (
    <PhotoProvider>
      <PhotoView src="/1.jpg">
        <img src="/1-thumbnail.jpg" alt="" />
      </PhotoView>
    </PhotoProvider>
  );
}
Friendly Frog

Respuestas similares a “Cómo mostrar la imagen en el componente React JS”

Preguntas similares a “Cómo mostrar la imagen en el componente React JS”

Más respuestas relacionadas con “Cómo mostrar la imagen en el componente React JS” en JavaScript

Explore las respuestas de código populares por idioma

Explorar otros lenguajes de código