Yêu cầu thg 6 27, 2021 10:08 SA 627 0 2
  • 627 0 2
+2

Thắc mắc về hai cách import ảnh trong React

Chia sẻ
  • 627 0 2

ảnh.png

Mn ơi cho mình hỏi cùng 1 đg dẫn mà sao cái thứ 2 lại không được vậy ạ

Avatar Khang @khangnd
thg 6 27, 2021 2:34 CH
Avatar Anh Tran @thanh_tuan
thg 6 29, 2021 2:07 CH

@khangnd cám ơn bạn nhé, để mình đọc thêm

2 CÂU TRẢ LỜI


Đã trả lời thg 6 27, 2021 10:21 SA
+5

Do bạn phải dùng webpack để build, khi bạn viết code import..., Webpack sẽ chuyển ảnh của bạn vào bên trong folder build và trả ra một đường dẫn (url) ảnh để app có thể hiển thị đc ảnh. Ngược lại như TH 2 bạn viết url vào trực tiếp att src=... Thì app sau khi build webpack sẽ không build đc ảnh vì bạn không khai báo import => không hiển thị đc. Đấy là lý do vì sao fai import rồi viết vào src như TH1 mới hiển thị đc ảnh

Chia sẻ
Avatar Nguyễn Văn Quy @ruacondepzaj
thg 6 27, 2021 10:27 SA

Chia sẻ thêm 1 chút: cũng giống như TH bạn không import Css, Scss, fonts, *.js, *jsx, thì webpack cũng không có gì để build ra folder build cả đúng k nào 😃

Avatar Anh Tran @thanh_tuan
thg 6 29, 2021 2:08 CH

@ruacondepzaj cảm ơn bạn nhiều nha

Avatar Hoang vn @wiliamfeng
thg 7 1, 2021 4:04 SA

@ruacondepzaj mình tưởng webpack để build chỉ khi chạy lệnh run build thôi chứ nhở, còn khi run start (dev) webpack đã build đâu nhở. Bạn nói rõ thêm chỗ này được không

Đã trả lời thg 5 17, 2022 3:15 CH
0

Mn cho mình hỏi sao trường hợp của mình thì ngược lại ấy, TH2 thì mình gọi ra đc ảnh còn TH1 thì nó cứ báo lỗi thôiimage.png

Chia sẻ
Viblo
Hãy đăng ký một tài khoản Viblo để nhận được nhiều bài viết thú vị hơn.
Đăng kí