پاسخ داده شد
چطور src عکس را با کد تغییر بدهیم؟
react image in react change image src synamically in react set img src dynamically with a function set image src react Image src dynamically in react js
- نفیسه افقی 4 سال قبل سوال کرد
- شما باید برای ارسال دیدگاه وارد شوید
پاسخ عالی
فرض کنید که یک img برای نشان دادن آواتار کاربر ساختیم و می خواهیم برای هر کاربر یک src معین داشته باشد. چطور در react این کار را انجام دهیم؟
می توانید آدرس src عکس را در یک متغیر ( مثلا avatarPic ) تعریف کنید:
const [avatarPic, setAvatarPic] = useState("profile-index.png");سپس بصورت زیر آن را در img src قرار دهید:
<img src={`../images/${avatarPic}`}></img>
نکته: فایل عکس باید در فولدری داخل فولدر public قرار داشته باشید ( عکس ما در اینجا داخل public/images قرار دارد)
- نفیسه افقی 4 سال قبل پاسخ داد
- آخرین ویرایش 4 سال قبل
- شما باید برای ارسال دیدگاه وارد شوید
پاسخ شما