Logo

چگونه در ری اکت از تصاویر استفاده کنیم؟

1. روش اول

در این روش ابتدا تصویر مورد نظر خود را در ابتدای صفحه ایمپورت می کنیم و از نامی که به او داده ایم برای دسترسی به تصویر استفاده می کنیم.

import MyIMG from './nature.png'

...

return(

<img src={MyIMG} alt="png" />

)

2. روش دوم

در این روش باید فایل عکس مورد نظر خودمون رو در پوشه public قرار بدیم و بعد کافیه نام فایل عکس رو به src بدهیم.

// ابتدا فایل عکس رو به پوشه public انتقال می دهیم

<img src="nature.png" alt="png" />