“cara menampilkan gambar dalam komponen reaksi js” Kode Jawaban

gambar bereaksi

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

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

cara menampilkan gambar dalam komponen reaksi 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

Komponen tampilan gambar bereaksi 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

Jawaban yang mirip dengan “cara menampilkan gambar dalam komponen reaksi js”

Pertanyaan yang mirip dengan “cara menampilkan gambar dalam komponen reaksi js”

Lebih banyak jawaban terkait untuk “cara menampilkan gambar dalam komponen reaksi js” di JavaScript

Jelajahi jawaban kode populer menurut bahasa

Jelajahi bahasa kode lainnya