برای نمایش تصویر  در react به دو روش می توانیم  عمل کنیم.

1. ابتدا عکس را import کنیم و  سپس در تگ img  استفاده کنیم.

import image  from './image.jpeg';


 class App extends Component {
  render() {
    return (
     <div>
          <img src={image}/>
     </div>
    );
  }
}

با استفاده از width  وheight می توانیم سایز عکس را تنظیم کنیم.

2.

class App extends Component {
  render() {
    return (
     <div>
          <img src={ require('./image.jpg') } />
     </div>
    );
  }
}

نکته: اگر می خواهید dynamically یا با کد src عکس را تعیین کنید ، از این پست استفاده کنید.