Bagaimana untuk mengubah hala ke Pautan Luaran dengan React-Router?

Bagaimana untuk Mengubah Hala ke Pautan Luar Menggunakan React-Router?

RedirectLinks memberikan cabaran dalam aplikasi yang menggunakan React-Router untuk pengurusan laluan, kerana ia beroperasi dalam konteks aplikasi satu halaman (SPA). Untuk menangani perkara ini, kami membentangkan penyelesaian yang mengubah hala pengguna ke sumber luaran dengan lancar.

Anggap anda ingin mengubah hala pengguna yang melawati /privacy-policy ke example.zendesk.com/hc/en-us/articles/123456789 -Privasi-Dasar. Walaupun JavaScript biasa boleh mencapai ini menggunakan pernyataan if, React-Router menawarkan pendekatan yang lebih elegan.

Memperkenalkan penyelesaian satu baris:

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

Konsep komponen tulen React ini memekatkan komponen kod ke dalam satu fungsi. Daripada memberikan penanda, ia hanya mengubah hala penyemak imbas ke URL luaran.

Teknik ini serasi dengan Penghala React 3 dan 4, membolehkan anda dengan mudah menyepadukan pengalihan pautan luaran ke dalam aplikasi berasaskan React anda.

Atas ialah kandungan terperinci Bagaimana untuk mengubah hala ke Pautan Luaran dengan React-Router?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!