มีปัญหากับการเปลี่ยนเส้นทางใน Netlify React เมื่อคุณสร้างการเปลี่ยนเส้นทาง Netlify จะพยายามอัปเดตส่วนประกอบ href และเส้นทางของเอกสาร HTML โดยอัตโนมัติ อย่างไรก็ตาม กระบวนการนี้บางครั้งอาจทำให้ลิงก์ไม่ถูกต้องหรือเสียได้
หากคุณประสบปัญหากับการเปลี่ยนเส้นทางในโครงการ Netlify React เราขอแนะนำให้ปิดการอัปเดตอัตโนมัติสำหรับส่วนประกอบ href และเส้นทาง คุณสามารถทำได้โดยตั้งค่าคุณสมบัติต่อไปนี้ในการกำหนดค่าโครงการของคุณ:
netlify-react-redirect-auto-update: เท็จ
app In your React app, you can redirect to a different page using the Redirect component from React Router. import { Redirect } from 'react-router-dom'; class App extends React.Component { render() { return ( <div> <Redirect to="/new-page" /> </div> ); } }
netlify คืออะไร
Netlify เป็นแพลตฟอร์มในฐานะบริการ (PaaS) ที่ช่วยให้นักพัฒนาสร้างและปรับใช้เว็บแอปพลิเคชัน เป็นแพลตฟอร์มสำหรับนักพัฒนาในการสร้าง จัดการ และปรับใช้เว็บแอปพลิเคชันด้วยคำสั่งเดียว Netlify ยังมีเครื่องมือสำหรับตรวจสอบและจัดการแอปพลิเคชัน
การเปลี่ยนเส้นทางในการตอบสนอง
เราเตอร์
เมื่อคุณสร้างเส้นทางใน React Router คุณสามารถระบุการเปลี่ยนเส้นทางเพื่อติดตามได้ การเปลี่ยนเส้นทางนี้จะเกิดขึ้นโดยอัตโนมัติเมื่อผู้ใช้ไปที่เส้นทาง
หากต้องการสร้างการเปลี่ยนเส้นทางใน React Router ให้ใช้ฟังก์ชันเปลี่ยนเส้นทาง ฟังก์ชันนี้ใช้สองอาร์กิวเมนต์: เส้นทางที่จะติดตามและฟังก์ชันตัวจัดการที่จะถูกเรียกใช้เมื่อผู้ใช้มาถึงปลายทางการเปลี่ยนเส้นทาง ฟังก์ชันตัวจัดการควรส่งคืนวัตถุที่มีคุณสมบัติสองอย่าง: สถานะ และ url คุณสมบัติสถานะควรมีรหัสสถานะ HTTP ของการเปลี่ยนเส้นทาง และคุณสมบัติ url ควรมี URL ใหม่ที่จะแสดงต่อผู้ใช้
นี่คือตัวอย่างเส้นทางง่ายๆ ที่ใช้การเปลี่ยนเส้นทาง:
นำเข้าปฏิกิริยาจาก 'ปฏิกิริยา' ; นำเข้า { เส้นทาง } จาก 'react-router' ; นำเข้า { เปลี่ยนเส้นทาง } จาก 'react-router-dom' ; เส้นทาง const = [ { เส้นทาง : '/users/:id' , ส่วนประกอบ : UserList , ลูก : [ { เส้นทาง : '/add' , ส่วนประกอบ : AddUser }, { เส้นทาง : '/delete/:id' , ส่วนประกอบ : DeleteUser } ] }, { เส้นทาง : '/users/:id/edit' , ส่วนประกอบ : EditUserList } ]; ส่งออกเส้นทางเริ่มต้น สร้าง ( เส้นทาง );