راکت

قرار دادن عکس داینامیک در react.js

5 پاسخ

سلام دوستن من یه سری عکس در پروژه ری اکت ام ایمپورت کردم

import ZEC from './ZEC.jpg'
import XRP from './XRP.jpg'
import QTUM from './QTUM.jpg'
import ETC from './ETC.jpg'
import BTC from './BTC.jpg'
import BCH from './BCH.jpg'

خب حالا می خوام در قسمت returnبا استفاده از اطلاعاتی که توسط یه map دریافت میشه از این تصاویر استفاده کنم
به این شکل

givemoneyData.map((value,index)=>{
   return(<img src={value.sympol}/>)
}
   )

اما درست کار نمی کنه راهی هست که تصاویر رو بشه داینامیک بر گرداند ؟

ثبت پرسش جدید

پاسخ‌ها

5
آرش تقوی
آرش تقوی
@arash.taghavi69

تخصص: برنامه نویس فول استک

مشکل اینجاست که تگ img رو باید return کنید. پس یا قبلش return بگذارید یا این کد رو قرار بدین :

givemoneyData.map((value,index)=><img src=value.sympol/>)

(آکولاد های قبل از تگ img رو حذف کنید)

progromer
progromer
@pwyazyzzadhbna

@arash.taghavi69
نه عزیز این کارا رو کردم کلا تصویر رو نمیگره خالی برام بر میگردونه

شاید پاسخ شما همین‌جا باشد

progromer
progromer
@pwyazyzzadhbna

@arash.taghavi69
راهی هست که تصویرارو بدون importکردن گذاشت

حامد نیرومند
حامد نیرومند
@hamedniroomand

تخصص: برنامه‌نویس

من در پروژه مشابه، آدرس تصاویرم رو داخل یک آرایه گذاشتم و روی اون حلقه زدم و جواب داد

progromer
progromer
@pwyazyzzadhbna

@hamedniroomand
ممنون اتفاقا الان همین به ذهنم رسید ممنون جواب داد

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام