יש בעיה עם הפניות מחדש ב-Netlify React. כאשר אתה יוצר הפניה מחדש, Netlify מנסה לעדכן אוטומטית את רכיבי ה-href והנתיב של מסמך ה-HTML. עם זאת, תהליך זה יכול לפעמים לגרום לקישורים שגויים או שבורים.
אם אתה נתקל בבעיות עם הפניות מחדש בפרויקטים שלך ב-Netlify React, אנו ממליצים להשבית עדכונים אוטומטיים עבור רכיבי href ו-path. אתה יכול לעשות זאת על ידי הגדרת המאפיין הבא בתצורת הפרויקט שלך:
netlify-react-redirect-auto-update: false
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
נתב
כאשר אתה יוצר מסלול ב-React Router, אתה יכול לציין הפניה מחדש. ההפניה מחדש תתרחש אוטומטית כאשר המשתמש מבקר במסלול.
כדי ליצור הפניה מחדש ב-React Router, השתמש בפונקציית ההפניה. פונקציה זו לוקחת שני ארגומנטים: הנתיב לעקוב אחר ופונקציית מטפל שתיקרא כאשר המשתמש יגיע ליעד ההפניה מחדש. פונקציית המטפל אמורה להחזיר אובייקט עם שני מאפיינים: status ו-url . מאפיין הסטטוס צריך להכיל את קוד הסטטוס HTTP של ההפניה מחדש, ומאפיין ה-url צריך להכיל את כתובת האתר החדשה שתוצג למשתמש.
הנה דוגמה למסלול פשוט המשתמש בהפניה מחדש:
ייבוא תגובה מ-'react' ; ייבוא { מסלול } מ'react-router' ; ייבוא { Redirect } מ-'react-router-dom'; const routes = [ { path : '/users/:id' , component : UserList , ילדים : [ { path : '/add' , component : AddUser }, { path : '/delete/:id' , component : DeleteUser } ] }, { path : '/users/:id/edit' , רכיב: EditUserList } ]; ייצוא מסלול ברירת מחדל. ליצור (מסלולים);
