Hỏi cách import file trong React

Hai dòng đầu tiên là import các class : React và ReactDOM từ 2 file: react và react-dom

=> bạn hiểu sai rồi, ở đây bạn đang import 2 module là React và ReactDOM đã được export từ package 'react' và 'react-dom'. Bạn xem thêm es6 import/export ở đây: https://viblo.asia/p/nhung-vi-du-don-gian-su-dung-es6-modules-roavrwwbGRM .

tại sao trước tên các file lại có thêm ./ mặc dù 2 file này nằm cùng cấp với file index.js

bất kì hệ thống nào, ./ có nghĩa là thư mục làm việc hiện tại, khi compile code, compiler sẽ tìm file ở thư mục hiện tại đó mà thôi. Nếu không có ./ thì compiler sẽ tìm file ở root directory

Hai dòng đầu tiên là import các class : React và ReactDOM từ 2 file: react và react-dom : ở đây vì là file index.js này cùng loại file (cùng đuôi .js) với 2 file kia nên ta không cần viết thêm đuôi .js vào sau 2 file đó nữa => mình suy đoán vậy không biết có đúng không ?

Không phải bạn ạ, không phải từ 2 file, mà là từ 2 package mang tên react và react-dom. Đây là 2 npm packages mà bạn cài đặt bằng npm hoặc yarn đấy, nó có trong thư mục node_modules.

Hai dòng tiếp theo (3,4) lần lượt import file index.css (cái này khác loại file nên phải thêm đuôi .css) và Class App từ file App.js . Cái mà mình không hiểu ở đây là tại sao trước tên các file lại có thêm ./ mặc dù 2 file này nằm cùng cấp với file index.js (mình vẽ mũi tên đỏ ở trên hình ) , trong khi đó cách import ở 2 dòng đầu tiên thì các file import không nằm cùng cấp với file index.js nhưng lại không có ./ vào phía trước tên file.

Như đã giải thích ở trên, thì nếu không có gì ở đầu, ta sẽ hiểu là import bằng tên package trong thư mục node_modules, còn muốn import từ chỗ khác, bạn cần chỉ đường dẫn tương đối, hoặc tuyệt đối. Đó là do tại sao lại cần có ./ ở đây

1. Bạn hiểu như vậy về hoạt động thì đúng, còn về ý nghĩa thì sai. React tự nhận file .js nên b có thể viêt hoặc không có ".js" và đừng bao giờ viết là import React.js from 'react'; nhé )
2. B xem qua: https://www.w3schools.com/html/html_filepaths.asp , mình nghĩ là nó load ở trong node_modules ra, cũng chưa tìm hiểu về cơ chế load của nó ^^