progromer
3 سال پیش توسط progromer مطرح شد
5 پاسخ

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

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

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

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


ثبت پرسش جدید
آرش تقوی
تخصص : برنامه نویس فول استک
@arash.taghavi69 3 سال پیش آپدیت شد
0

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

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

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


progromer
@pwyazyzzadhbna 3 سال پیش مطرح شد
0

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


progromer
@pwyazyzzadhbna 3 سال پیش مطرح شد
0

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


حامد نیرومند
تخصص : برنامه‌نویس
@hamedniroomand 3 سال پیش مطرح شد
0

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


progromer
@pwyazyzzadhbna 3 سال پیش مطرح شد
0

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


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

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