ReactJS: Ranh giới lỗi

Nếu mô-đun khác không tải được (ví dụ: do lỗi mạng), nó sẽ gây ra lỗi. Bạn có thể xử lý các lỗi này để tăng trải nghiệm của người dùng và quản lý việc khôi phục bằng cách sử dụng Ranh giới lỗi (Error Boundary). Khi bạn đã tạo Ranh giới lỗi, bạn có thể sử dụng nó ở bất kỳ đâu phía trên các component lazy của mình để hiển thị trạng thái lỗi khi có lỗi mạng.

import MyErrorBoundary from './MyErrorBoundary'
const OtherComponent = loadable(() => import('./OtherComponent'))
const AnotherComponent = loadable(() => import('./AnotherComponent'))

const MyComponent = () => (
  <div>
    <MyErrorBoundary>
      <section>
        <OtherComponent />
        <AnotherComponent />
      </section>
    </MyErrorBoundary>
  </div>
)