react router dom

React Router Hata

Error: […] is not a component. All component children of must be a or <React.Fragment>

Yorum bırakın / Genel, React JS /

Uygulama geliştirmek hatalar ile birlikte yaşamaya alışmayı gerektirir. Hata yapmak için bir çok neden bulunmaktadır. Bunlardan birtanesi de kullanılan program veya kütüphanelerin yeni sürümlerinin çıkmasıdır. Bu nedenle uygulama geliştirirken kullanılan bileşenlerin dökümanlarının okunması ve yeni eklemeler veya kullanımdan kaldırılan özellikler araştırılmalıdır. React router dom ile çalışırken aldığımız hatalarda bir tanesi de hatasıdır. Bu hata genellikle […]

Error: […] is not a component. All component children of must be a or <React.Fragment> Read More »

React Router Redirect

React Router Redirect Nasıl Kullanılır?

Yorum bırakın / Genel, React JS /

Bulunulan sayfadan farklı bir yere yönlendirme ihtiyacı olduğunda Redirect kullanıyoruz. Normal Link kullanımından farklı olarak sayfa render edilirken bulunulan adresi farklı bir adres ile değiştir. Farklı parametreler alan bu işlev React Router V6 da kaldırılarak yerini Navigate işlevine bıraktı. Redirect Kullanımı Bir sayfada yönlendirme yapacağımız zaman yapmamız gereken ilk olarak şeklinde import etmek ve sonrasında yönlendirilecek sayfayı to parametresi ile belirterek kullanmaktır. Mesela

React Router Redirect Nasıl Kullanılır? Read More »

React Router Örnek Uygulama

React Router Dom Outlet Adım Adım Örnek Uygulama

Yorum bırakın / Genel, JavaScript, React JS /

React router kullanımını pekiştirmek için adım adım bir uygulama geliştirdik. Uygulamamız anasafa (home) ve kullanıcılar (users) sayfasını içermektedir. Bu uygulamamızda iç içe route işlemini göstermek için kullanıcılar sayfası içerisinde istediğimiz bir kullanıcının bilgilerini gösteriyoruz. Bunun için useParams hooku ve Outlet komponentinin nasıl kullanıldığını da inceliyoruz. React Router Outlet Nedir? React router outlet, bir route elemanının

React Router Dom Outlet Adım Adım Örnek Uygulama Read More »

react router ile sayfalar arasında gezinme

React Router Nedir? Nasıl Kullanılır?

Yorum bırakın / Genel, JavaScript, Programlama, React JS /

Tek sayfa uygulamalarda farklı sayfalara yönlendirme yapmak için kullanabileceğimiz farklı kütüphaneler bulunmaktadır. Bunlar bize kolay ve etkin bir şekilde sayfa yenilemesi yapılmadan, farklı sayfalar arasında gezinme imkanı sunmaktadırlar. Bu işlemin kolayca yapılması bize uygulama geliştirirken zaman kazandırmaktadır. Bu yazımızda bu işlemi yapabileceğimiz ve React geliştiricileri arasında en çok kullanılan yönlendirme kütüphanelerinden biri olan React Router

React Router Nedir? Nasıl Kullanılır? Read More »