Vượt qua đạo cụ giữa các tuyến đường bằng cách sử dụng React-Router

Question

Cách duy nhất để truyền dữ liệu giữa các tuyến trong tham số url React-Router (1.0.0-rc)? Tôi có một thành phần, A, sử dụng mixin Lịch sử và có trình xử lý sự kiện tạo yêu cầu máy chủ và sau đó gọi that.history.pushState(null, '/B'); để chuyển sang tuyến B xử lý theo thành phần B. Bây giờ, tôi muốn chuyển một số dữ liệu tôi được trả về bởi máy chủ cho thành phần B như một lệnh chống (ví dụ "đăng nhập thành công"), hoặc bằng cách nào đó ảnh hưởng đến trạng thái của B, nhưng tôi không thể tìm thấy bất kỳ tài liệu nào nêu rõ điều này là có thể. Có cách nào để làm điều này, hoặc tôi cần phải vượt qua nó như là một tham số url?

Answer 1

Bạn có hai lựa chọn:

1. vượt qua các dữ liệu như một truy vấn params
2. giữ nhà nước của các ứng dụng ở một nơi khác, ngoài các tuyến đường

Đối # 2 bạn có thể sử dụng một cái gì đó như redux sẽ giữ một cửa hàng 'toàn cầu' của trạng thái ứng dụng. Sau đó, bạn có thể truy cập vào trạng thái này từ cả hai thành phần A và B.

Answer 2

Sử dụng localstorage hoặc sessionsessionstorage. Tập dữ liệu trong bộ định tuyến đầu tiên, có được nó trên router thứ hai sử dụng bộ và nhận được item của localStorage

https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage