Netlify React'te yönlendirmelerle ilgili bir sorun var. Bir yönlendirme oluşturduğunuzda Netlify, HTML belgesinin href ve path bileşenlerini otomatik olarak güncellemeye çalışır. Ancak bu işlem bazen yanlış veya bozuk bağlantılara neden olabilir.
Netlify React projelerinizde yönlendirmelerle ilgili sorun yaşıyorsanız, href ve yol bileşenleri için otomatik güncellemeleri devre dışı bırakmanızı öneririz. Bunu, projenizin yapılandırmasında aşağıdaki özelliği ayarlayarak yapabilirsiniz:
netlify-react-redirect-otomatik güncelleme: yanlış
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 nedir
Netlify, geliştiricilerin web uygulamaları oluşturmasına ve dağıtmasına yardımcı olan bir hizmet olarak platformdur (PaaS). Geliştiricilerin tek bir komutla web uygulamaları oluşturması, yönetmesi ve dağıtması için bir platform sağlar. Netlify ayrıca uygulamaları izlemek ve yönetmek için araçlar sağlar.
React'teki Yönlendirmeler
yönlendirici
React Router'da bir rota oluşturduğunuzda, izlenecek bir yönlendirme belirtebilirsiniz. Bu yönlendirme, kullanıcı rotayı ziyaret ettiğinde otomatik olarak gerçekleşecektir.
React Router'da bir yönlendirme oluşturmak için yönlendirme işlevini kullanın. Bu işlev iki bağımsız değişken alır: izlenecek yol ve kullanıcı yönlendirme hedefine ulaştığında çağrılacak işleyici işlevi. İşleyici işlevi, iki özelliğe sahip bir nesne döndürmelidir: durum ve url. Status özelliği, yönlendirmenin HTTP durum kodunu içermeli ve url özelliği, kullanıcıya görüntülenecek yeni URL'yi içermelidir.
Yönlendirme kullanan basit bir rota örneği aşağıdadır:
React'i 'react'ten içe aktarın; { Route } 'react-router'dan içe aktarın; 'react-router-dom'dan import { Redirect } ; const yolları = [ { yol : '/users/:id' , bileşen : UserList , çocuklar : [ { yol : '/add' , bileşen : AddUser }, { yol : '/delete/:id' , bileşen : DeleteUser } ] }, { yol : '/users/:id/edit' , component : EditUserList } ]; varsayılan Rotayı dışa aktarın. oluştur (yollar);
