Mô-đun React ES6
Mô-đun
Các mô-đun JavaScript cho phép bạn chia nhỏ mã của mình thành các tệp riêng biệt.
Điều này làm cho việc duy trì mã cơ sở dễ dàng hơn.
Các mô-đun ES dựa vào các câu lệnh import
và export
.
Xuất khẩu
Bạn có thể xuất một hàm hoặc biến từ bất kỳ tệp nào.
Hãy để chúng tôi tạo một tệp có tên person.js
và điền vào nó những thứ chúng tôi muốn xuất.
Có hai loại xuất: Được đặt tên và Mặc định.
Xuất khẩu được đặt tên
Bạn có thể tạo các bản xuất có tên theo hai cách. Trong dòng riêng lẻ hoặc tất cả cùng một lúc ở dưới cùng.
Trong dòng riêng lẻ:
person.js
export const name = "Jesse"
export const age = "40"
Tất cả cùng một lúc ở dưới cùng:
person.js
const name = "Jesse"
const age = "40"
export { name, age }
Được chứng nhận!
$ 95 GHI DANH
Xuất mặc định
Hãy để chúng tôi tạo một tệp khác, được đặt tên message.js
và sử dụng tệp đó để thể hiện xuất mặc định.
Bạn chỉ có thể có một lần xuất mặc định trong một tệp.
Thí dụ
message.js
const message = () => {
const name = "Jesse";
const age = "40";
return name + ' is ' + age + 'years old.';
};
export default message;
Nhập khẩu
Bạn có thể nhập các mô-đun vào một tệp theo hai cách, dựa trên việc chúng được đặt tên là xuất hay xuất mặc định.
Các tệp xuất đã đặt tên phải được hủy bằng cách sử dụng dấu ngoặc nhọn. Xuất khẩu mặc định không.
Nhập từ các xuất khẩu đã đặt tên
Nhập các bản xuất có tên từ tệp person.js:
import { name, age } from "./person.js";
Nhập từ các bản xuất mặc định
Nhập một bản xuất mặc định từ tệp message.js:
import message from "./message.js";