Tôi đang cố gắng sử dụng Route Nhưng tôi đang gặp phải lỗi sau: A <Route> is only ever to be used as the child of <Routes> element. Trong bài viết EZerror này, chúng ta sẽ tìm hiểu về Cách tạo lại lỗi này và chúng ta sẽ thảo luận về Tất cả các giải pháp có thể xảy ra Hãy bắt đầu với bài viết này.

Lỗi như thế nào: Một chỉ được sử dụng làm phần tử con của phần tử . Lỗi xảy ra?

Tôi đang cố gắng sử dụng Tuyến đường Nhưng tôi đang gặp phải lỗi sau trong ReactJs.

  Error: A Route is only ever to be used as the child of element, never rendered directly. Please wrap your Route in a Routes

Vì vậy, ở đây tôi viết tất cả các giải pháp khả thi mà tôi đã cố gắng giải quyết lỗi này.

Cách giải quyết lỗi: Một chỉ được sử dụng làm phần tử con của phần tử Lỗi?

  1. Cách giải quyết lỗi: is only ever to be used as the child of element Error? Để giải quyết lỗi: A <Route> is only ever to be used as the child of <Routes> element Error Bạn cần tuân theo các quy tắc này để React-Router-dom 6 trở lên. Bạn cần sử dụng Tuyến đường nội bộ Các tuyến đường Thành phần. Các tuyến đường cũng không lấy trẻ em Thay vào đó bạn có thể sử dụng phần tử.
  2. Lỗi: is only ever to be used as the child of element. Để giải quyết lỗi: A Route is only ever to be used as the child of element, không bao giờ được hiển thị trực tiếp. Hãy quấn Tuyến đường Trong Các tuyến đường Bạn chỉ cần quấn Tuyến đường các thành phần trong Các tuyến đường thành phần. Và từ react-router-dom 6 Các tuyến cũng không nhận phần tử con, chúng hiển thị các thành phần dưới dạng JSX trên phần tử mới hỗ trợ. Đây là đơn giản Phản ứng Ví dụ về bộ định tuyến mà bạn phải làm theo. Bạn chỉ cần quấn Tuyến đường với Bộ định tuyến và Bạn không thể sử dụng Child in Tuyến đường Thay vào đó, bạn có thể sử dụng phần tử. Và bây giờ, lỗi của bạn phải được giải quyết. Cảm ơn.

Giải pháp 1: Kết hợp tuyến đường với các tuyến đường

Để giải quyết lỗi: Một tuyến đường chỉ được sử dụng làm phần tử con, không bao giờ được hiển thị trực tiếp. Vui lòng bọc tuyến đường của bạn trong một tuyến đường Bạn chỉ cần bọc Tuyến đường các thành phần trong Các tuyến đường thành phần. Và từ react-router-dom 6 Các tuyến cũng không lấy trẻ em, chúng hiển thị các thành phần dưới dạng JSX trên phần tử mới chống đỡ. Đây là đơn giản Phản ứng Ví dụ về bộ định tuyến mà bạn phải làm theo.

 function App() {
  return (
    <div>
      <Routes>
        <Route path="/contact" element={<Contact />} />
        <Route path="/privacy" element={<Privacy />} />
        <Route path="/terms" element={<Terms />} />
      </Routes>
    </div>
  );
}

Bạn chỉ cần quấn Tuyến đường với Bộ định tuyến và Bạn không thể sử dụng Child in Tuyến đường Thay vào đó, bạn có thể sử dụng phần tử. Và bây giờ, lỗi của bạn phải được giải quyết. Cảm ơn.

Giải pháp 2: Quy tắc cho các tuyến đường

Bạn cần tuân theo các quy tắc này để React-Router-dom 6 trở lên.

  1. Bạn cần sử dụng Route nội bộ Routes Thành phần
  2. Các tuyến đường cũng không đưa trẻ em thay vào đó bạn có thể sử dụng element

Sự kết luận

Đó là tất cả về lỗi này. Tôi hy vọng chúng tôi đã giải quyết được lỗi của bạn. Bình luận bên dưới Suy nghĩ của bạn và truy vấn của bạn. Ngoài ra, hãy Comment bên dưới giải pháp nào phù hợp với bạn?

Trên đây là toàn bộ thông tin chi tiết nhất về [Solved] Lỗi: A chỉ được sử dụng làm phần tử con. Hướng dẫn này có trả lời câu hỏi của bạn không? Để cho ezerror.com biết trong các ý kiến ​​dưới đây.