Tôi đang sử dụng react-router-4.0.0-beta.4
với redux, tôi đang cố gắng tìm ra cách tốt nhất để gửi các hành động thay đổi tuyến đường. Tôi thấy rằng một vài phiên bản trước đây đã có một móc API/sự kiện cho here này. Nhưng tôi thấy nó đã biến mất rồi. Đang cố gắng thực hiện tương đương hiện đại với những gì redux-router
đã làm.Cách gửi các hành động về thay đổi vị trí với bộ định tuyến phản ứng v4
Trả lời
Có vẻ như cách tốt nhất để gửi một hành động là làm như vậy tại các phương thức componentWillMount()
, componentDidMount()
hoặc componentWillUnmount()
của thành phần.
IGNORE Lỗi nhỏ DƯỚI
Có onEnter
prop. Giống như ở đây comet-frontend
OnEnter (nextState, thay thế, gọi lại?)
Được gọi khi một con đường sắp được nhập vào. Nó cung cấp trạng thái bộ định tuyến tiếp theo và chức năng chuyển hướng đến một đường dẫn khác. đây sẽ là trường hợp tuyến đường kích hoạt móc. https://github.com/ReactTraining/react-router/blob/master/docs/API.md#onenternextstate-replace-callback
NHƯNG, vẫn còn đang bậtChạy, làm chính xác những gì bạn mô tả. Có thể cho chúng tôi biết chính xác vấn đề của bạn là gì. Bởi vì có vẻ như bạn đang làm gì đó sai.
Vì vậy, bạn phải bọc thành phần ứng dụng chính của mình trong một withRouter
và phản ứng dựa trên các đạo cụ thay đổi trong đạo cụ mà withRouter
chuyển xuống, cụ thể là ví dụ props.location.pathname
.
Bạn có thể thấy một cuộc thảo luận về làm thế nào nó có thể làm việc ở đây https://github.com/ReactTraining/react-router/issues/4603
- 1. chuyển hướng từ hành động redux trong bộ định tuyến phản ứng v4
- 2. Thực hành tốt nhất để phản ứng với Params Thay đổi với Bộ định tuyến Vue
- 3. Cách nhận vị trí hiện tại từ bộ phản ứng-bộ định tuyến?
- 4. Làm cách nào để tạo đường dẫn v4 phản ứng-bộ định tuyến?
- 5. Bộ phản ứng nhận được vị trí hiện tại trên thành phần bộ định tuyến chính
- 6. Sử dụng neo với bộ định tuyến phản ứng
- 7. Cách nhận thông số truy vấn trong phản ứng-bộ định tuyến v4
- 8. Cách đặt vị trí gốc cho bộ định tuyến AngularJS?
- 9. phản ứng-bộ định tuyến không chờ đợi hoạt ảnh trước khi thay đổi tuyến đường
- 10. Bộ định tuyến phản ứng - Các tuyến đường lồng nhau không hoạt động
- 11. Phản ứng-bộ định tuyến + phản ứng-bootstrap
- 12. Liên kết phản ứng-bộ định tuyến không hoạt động
- 13. Thực hành tốt nhất với các vị trí mẫu AngularJS trong Symfony 2 với Bộ định tuyến Angular mới?
- 14. Điều hướng bộ định tuyến phản ứng không hoạt động
- 15. Làm cách nào để mọi người xử lý khôi phục cuộn bằng bộ phản ứng-v4?
- 16. Thay đổi vị trí ứng dụng GAE
- 17. Chúng ta có thể hủy bỏ phản hồi api khi bộ định tuyến phản ứng bị thay đổi không?
- 18. Phản ứng định tuyến giữa các trang tĩnh và động
- 19. cách phát hiện thay đổi vị trí
- 20. bộ định tuyến phản ứng - tìm tuyến hiện tại
- 21. Phản hồi ủy quyền cơ sở vai trò bộ định tuyến v4
- 22. Thông báo về các thay đổi đối với Dịch vụ vị trí?
- 23. Hiển thị bên máy chủ với phản ứng, phản ứng-bộ định tuyến và hiển thị
- 24. Meteor.js phản ứng html5 vị trí địa lý định vị.coords
- 25. Bộ định tuyến phản ứng nơi sử dụng AJAX
- 26. Bộ định tuyến phản ứng - BrowserHistory.Push VS. ContextTypes
- 27. Chuyển hướng bộ định tuyến phản ứng giảm param
- 28. Tiền tố định tuyến OData v4?
- 29. Tên miền phụ trong bộ định tuyến phản ứng
- 30. cách thay đổi vị trí định dạng phụ
Ok, tôi nghĩ rằng có thể là nó, tôi thấy một vài cuộc thảo luận về github ám chỉ này. Tôi đã cố gắng sử dụng mệnh đề 'onChange' prop và nó dường như không hoạt động. Sẽ tốt hơn nếu 'BrowserRouter' có móc" toàn cục "cho các thay đổi vị trí. – Lutando
Vâng. Tôi thực sự không hiểu tại sao họ quyết định loại bỏ những đạo cụ đó. Nó giữ mã sạch sẽ. –