React 18 - sự phức tạp khi sử dụng

Tìm hiểu về một hành vi phức tạp của việc sử dụng Hiệu ứng móc khi sử dụng Chế độ nghiêm ngặt trong React 18

Ảnh của Tim Gouw trên Unsplash

React 18 đã ra mắt được vài tuần. Mặc dù nó mang lại một số cải tiến, nhưng nó lại đưa ra một hành vi khá kỳ lạ đối với một trong những hook thường được sử dụng nhất. Bạn muốn biết đó là gì? Chúng ta bắt đầu…

useEffect () chỉ chạy trên mount ban đầu, chạy hai lần!

Vâng, bạn đã nghe nó đúng! Nếu bạn đang sử dụng React 18 ở Chế độ nghiêm ngặt, đoạn mã sau:

Sẽ tạo ra một đầu ra như vậy:

Hello there!
Hello there!

Như đã nêu trong tài liệu , React 18 giới thiệu một kiểm tra chỉ dành cho phát triển mới cho Chế độ nghiêm ngặt. Kiểm tra mới này tự động ngắt kết nối và gắn kết lại mọi thành phần, bất cứ khi nào một thành phần gắn kết lần đầu tiên, khôi phục trạng thái trước đó trên gắn kết thứ hai.

Nhóm React đã đưa ra quyết định như vậy, vì trong tương lai, họ muốn thêm một tính năng cho phép React thêm và xóa các phần của giao diện người dùng trong khi vẫn giữ nguyên trạng thái. Vì nó yêu cầu các thành phần phải có khả năng phục hồi trước các hiệu ứng được gắn và phá hủy nhiều lần, nên một cuộc kiểm tra bổ sung đã được đưa ra.

Vì vậy, mỗi thành phần được gắn kết, sau đó được bỏ gắn kết, và cuối cùng là được gắn kết lại một lần nữa?

Vâng, đó là cách nó hoạt động bây giờ. Nếu chúng ta sử dụng useEffect()hook như thế này:

Sau khi làm mới trang, đầu ra sẽ là

Mounting...
Unmounting...
Mounting...

Bản tóm tắt

React 18 giới thiệu một kiểm tra chỉ dành cho phát triển mới cho Chế độ nghiêm ngặt. Việc kiểm tra này sẽ tự động ngắt kết nối và kết nối lại thành phần, làm cho móc treo useEffect kích hoạt hai lần trên lần gắn kết ban đầu.

Tài trợ cho việc loại bỏ carbon trong năm tài chính 24

Phân tích các yêu cầu phân bổ của Carbon180 trên các lộ trình

Bởi Alyson Lee, cố vấn quản lý các vấn đề của chính phủ Quy trình phân bổ ngân sách hàng năm của chính phủ liên bang là trọng tâm trong những nỗ lực của chúng tôi nhằm tài trợ cho việc loại bỏ carbon dioxide (CDR). Mỗi năm, Carbon180 gửi yêu cầu tới các văn phòng quốc hội khác nhau để giúp hướng dẫn nơi đô la của năm tới sẽ chảy.

Mối đe dọa đó Lưu trữ: Tập 7 Black Basta

Trong thế giới kết nối ngày nay, mối đe dọa tấn công mạng phổ biến hơn bao giờ hết. Tội phạm mạng và các tác nhân quốc gia liên tục tìm cách khai thác các lỗ hổng và đánh cắp dữ liệu có giá trị, gây rủi ro đáng kể cho các tổ chức thuộc mọi quy mô.

Tìm kiếm thông tin về tên miền

Đoạn trích từ Small, Sharp Software Tools của Brian P. Hogan

Khi bạn gửi yêu cầu tới facebook.com, máy tính của bạn sẽ tra cứu tên miền để dịch tên miền đó thành địa chỉ IP để máy tính của bạn có thể thực hiện kết nối đó.

Sự xói mòn chậm: Hé lộ những cách mọi người lãng phí trong sự nghiệp của họ

Trong thế giới có nhịp độ nhanh và cạnh tranh ngày nay, sự nghiệp của một người đóng một vai trò quan trọng trong sự phát triển cá nhân, ổn định tài chính và sự hài lòng trong cuộc sống nói chung. Tuy nhiên, nhiều cá nhân thấy mình bị mắc kẹt trong một chu kỳ trì trệ và không hài lòng không ngừng, dần dần lãng phí trong cuộc sống nghề nghiệp của họ.

Không còn mật khẩu — mật khẩu sẽ thay thế mật khẩu của bạn như thế nào

Để tránh sự mơ hồ, các thuật ngữ sau đây sẽ được sử dụng; Trình xác thực; Điện thoại di động được sử dụng để đăng nhập Website; Trang web hoặc ứng dụng mà người dùng đang sử dụng để thực hiện yêu cầu đăng nhập Dịch vụ; Nhà cung cấp cung cấp dịch vụ nhất định, ví dụ: