“So zeigen Sie das Bild in React JS -Komponente an” Code-Antworten

Bild reagieren

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

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

So zeigen Sie das Bild in React JS -Komponente an

// 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

Bildansichtskomponente reagieren 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

Ähnliche Antworten wie “So zeigen Sie das Bild in React JS -Komponente an”

Fragen ähnlich wie “So zeigen Sie das Bild in React JS -Komponente an”

Weitere verwandte Antworten zu “So zeigen Sie das Bild in React JS -Komponente an” auf JavaScript

Durchsuchen Sie beliebte Code-Antworten nach Sprache

Durchsuchen Sie andere Codesprachen