Akwai matsala tare da turawa a cikin Netlify React. Lokacin da kuka ƙirƙiri turawa, Netlify yana ƙoƙarin sabunta href da abubuwan haɗin hanyar daftarin aiki ta HTML ta atomatik. Koyaya, wannan tsari na iya haifar da kuskure ko karya hanyoyin haɗin gwiwa.
Idan kuna fuskantar matsaloli tare da turawa a cikin ayyukan Netlify React ɗinku, muna ba da shawarar kashe sabuntawa ta atomatik don href da abubuwan haɗin hanya. Kuna iya yin hakan ta saita kadara mai zuwa a cikin tsarin aikin ku:
netlify-react-redirect-auto-update: ƙarya
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> ); } }
Menene netlify
Netlify dandamali ne azaman sabis (PaaS) wanda ke taimakawa masu haɓaka haɓakawa da tura aikace-aikacen yanar gizo. Yana ba da dandamali ga masu haɓakawa don ƙirƙira, sarrafawa, da tura aikace-aikacen yanar gizo tare da umarni ɗaya. Netlify kuma yana ba da kayan aikin sa ido da sarrafa aikace-aikace.
Juyawa a cikin React
na'ura mai ba da hanya tsakanin hanyoyin sadarwa
Lokacin da ka ƙirƙiri hanya a cikin React Router, za ka iya ƙirƙira hanyar turawa don bi. Wannan turawa zata faru ta atomatik lokacin da mai amfani ya ziyarci hanya.
Don ƙirƙirar turawa a cikin React Router, yi amfani da aikin turawa. Wannan aikin yana ɗaukar gardama guda biyu: hanyar da za a bi da aikin mai gudanarwa wanda za a kira lokacin da mai amfani ya isa inda ake turawa. Aikin mai sarrafa ya kamata ya dawo da abu mai kaddarori biyu: matsayi da url . Ya kamata dukiyar matsayin ta ƙunshi lambar matsayin HTTP na turawa, kuma dukiyar url ya kamata ta ƙunshi sabon URL ɗin da za a nuna wa mai amfani.
Ga misalin hanya mai sauƙi wacce ke amfani da turawa:
shigo da amsa daga 'react'; shigo da {Hanyar hanya} daga 'react-router'; shigo da {Komawa} daga 'react-router-dom'; const hanyoyin = [ {hanya: '/ masu amfani/: id' , bangaren: UserList , yara : [ {hanya: '/ add' , bangaren: AddUser }, {hanya: '/ share/: id' , bangaren: DeleteUser } ]}, {hanya:'/users/:id/edit', bangaren: EditUserList}]; Hanyar fitarwa ta asali . ƙirƙira (hanyoyi);
