Bagaimana untuk Melaksanakan Ubah Hala Luar dalam React-Router?

Ubah Hala Luaran dalam React-Router

Apabila mengendalikan laluan dengan React Router, anda mungkin perlu mengubah hala ke sumber luaran. Panduan ini menangani pertanyaan tentang cara mencapai ubah hala sedemikian.

Pertimbangkan senario di mana pengguna mengakses URL tertentu pada aplikasi, seperti "example.com/privacy-policy." Matlamatnya adalah untuk mengubah hala mereka ke domain luaran, sebut "example.zendesk.com/hc/en-us/articles/123456789-Privacy-Policies."

Untuk mengelak daripada menggunakan JavaScript biasa, React Router menyediakan penyelesaian dengan satu pelapik berikut:

<Route path='/privacy-policy' component={() => {
    window.location.href = 'https://example.com/1234';
    return null;
}}/>

Kod ini memanfaatkan konsep komponen tulen React, merangkum gelagat komponen ke dalam satu fungsi. Daripada memberikan mana-mana UI, fungsi ini mengubah hala penyemak imbas pengguna ke URL luaran yang ditentukan.

Terutama, pendekatan ini serasi dengan kedua-dua React Router versi 3 dan 4. Dengan menggunakan pendekatan ini, pembangun boleh mengubah hala pengguna secara elegan ke sumber luaran sambil mengekalkan integriti model pengaturcaraan deklaratif React.

Atas ialah kandungan terperinci Bagaimana untuk Melaksanakan Ubah Hala Luar dalam React-Router?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!