Asked Jun 27th, 2021 10:08 a.m. 1159 0 2
  • 1159 0 2
+2

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

Share
  • 1159 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
Jun 27th, 2021 2:34 p.m.
+2
| Reply
Share
Avatar Anh Tran @thanh_tuan
Jun 29th, 2021 2:07 p.m.

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

0
| Reply
Share

2 ANSWERS


Answered Jun 27th, 2021 10:21 a.m.
+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

Share
Avatar Nguyễn Văn Quy @ruacondepzaj
Jun 27th, 2021 10:27 a.m.

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 😃

0
| Reply
Share
Avatar Anh Tran @thanh_tuan
Jun 29th, 2021 2:08 p.m.

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

0
| Reply
Share
Avatar Hoang vn @wiliamfeng
Jul 1st, 2021 4:04 a.m.

@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

0
| Reply
Share
Answered May 17th, 2022 3:15 p.m.
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

Share
Viblo
Let's register a Viblo Account to get more interesting posts.