Bagaimana untuk Mengendalikan Pautan Luaran dengan Penghala Reaksi?

Mengendalikan Pautan Luaran dalam React-Router

React Router menyediakan penyelesaian penghalaan yang komprehensif untuk aplikasi React. Walaupun ia direka terutamanya untuk mengendalikan penghalaan dalaman, ia juga menawarkan keupayaan untuk mengubah hala ke sumber luaran.

Mengubah hala ke URL Luaran

Soalan mengemukakan kes penggunaan di mana apl React-Router perlu mengubah hala daripada "/privacy-policy" ke URL luaran. Untuk mencapai matlamat ini, React-Router membenarkan anda mencipta komponen laluan yang mengendalikan logik tersuai.

Berikut ialah penyelesaian satu lapis menggunakan React Router untuk mengubah hala ke pautan luaran:

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

Komponen tulen ini mengikut konsep komponen tulen React, meminimumkan kodnya kepada satu fungsi. Daripada memaparkan mana-mana UI, ia menggunakan sifat window.location.href untuk mengubah hala penyemak imbas ke URL luaran.

Pendekatan ini berfungsi untuk React Router 3 dan 4. Ia merupakan penyelesaian ringkas dan elegan yang sejajar dengan React paradigma penghalaan Penghala, memastikan pengalaman pengguna yang lancar untuk pengalihan semula sumber luaran.

Atas ialah kandungan terperinci Bagaimana untuk Mengendalikan Pautan Luaran dengan Penghala Reaksi?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!