Kết xuất máy chủ với bộ xử lý phản hồi-v4 và tìm nạp trước dữ liệu

Question

Tôi đã làm việc rất nhiều với dựng hình phía máy chủ với RR 3 vì vậy tôi muốn xem nó hoạt động như thế nào trong ngữ cảnh của v4. Tôi đã làm theo hướng dẫn từ trang web, nhưng vì việc hiển thị đang diễn ra cùng với kết hợp tuyến đường, không có cách nào để triển khai tìm nạp trước dữ liệu như trước đây.

Đây là cách tôi sử dụng để làm máy chủ rendering với v3: https://github.com/alexnm/react-seed/blob/master/server/index.js

Dựa vào chức năng phù hợp, tôi sẽ gọi tất cả các chức năng prefetch từ tất cả các cây thành phần và sau đó chờ đợi với một Promise.all cho họ hoàn thành sau đó kích hoạt chức năng renderToString và trả về html.

Trong RR4, chúng tôi chỉ có các thành phần <ServerRouter>, vì vậy giải pháp hiện tại tôi đi kèm với được sao chép mã render: https://github.com/FortechRomania/react-redux-complete-example/blob/master/src/server/index.js

Tôi cũng đang sử dụng các chức năng render trên thẻ <Match> để kích hoạt các hành động prefetch . Thật xấu xí và giới thiệu tất cả các loại phụ thuộc trong thành phần chính của trang tôi muốn hiển thị với dữ liệu được tìm nạp trước.

tôi thiếu gì ở đây? Có ai tìm thấy một giải pháp tốt hơn cho kịch bản này? Tôi chưa tìm thấy gì hữu ích.

Answer 1

Các tài liệu RR4 mới có một ví dụ làm việc: https://reacttraining.com/react-router/web/guides/server-rendering/data-loading