હલ: બધાને પકડવા માટે પ્રતિક્રિયા રાઉટર ફોલબેક ઉમેરો

રીએક્ટ રાઉટરને લગતી મુખ્ય સમસ્યા અને બધાને પકડવા માટે ફોલબેક ઉમેરવું એ છે કે ફોલબેક રૂટને યોગ્ય રીતે ગોઠવવું મુશ્કેલ બની શકે છે. ફોલબેક રૂટને એવી રીતે ગોઠવવાની જરૂર છે કે તે માન્ય રૂટ ન હોય તેવા સહિત તમામ વિનંતીઓને પકડી શકે. જો રૂપરેખાંકન યોગ્ય રીતે કરવામાં આવ્યું નથી, તો પછી અમાન્ય માર્ગો માટેની વિનંતીઓ ફોલબેક માર્ગ દ્વારા પકડવામાં આવશે નહીં અને તે ભૂલો અથવા અનપેક્ષિત વર્તનમાં પરિણમી શકે છે. વધુમાં, જો એપ્લીકેશનમાં ડાયનેમિક રૂટ્સ હોય (દા.ત., યુઝર ઇનપુટ પર આધારિત), તો ફોલબેક રૂટને ગોઠવતી વખતે આને ધ્યાનમાં લેવાની જરૂર છે જેથી કરીને તેઓ પણ તેના દ્વારા પકડાય.

import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';

const App = () => (
  <Router>
    <Switch>
      <Route exact path="/" component={Home} />
      <Route path="/about" component={About} />

      {/* Fallback route */}
      <Route component={NoMatch} /> 

    </Switch>
  </Router>  
);

// લાઇન 1: આ લાઇન બ્રાઉઝર રાઉટર, રૂટ અને સ્વિચ ઘટકોને પ્રતિક્રિયા-રાઉટર-ડોમ લાઇબ્રેરીમાંથી આયાત કરે છે.
// લાઇન 2: આ લાઇન એપ નામના કોન્સ્ટન્ટને વ્યાખ્યાયિત કરે છે જે ફંક્શન કમ્પોનન્ટ છે.
// લાઇન 3: આ લાઇન રાઉટર ઘટકને react-router-dom માંથી રેન્ડર કરે છે.
// લાઇન 4: આ લાઇન રીએક્ટ-રાઉટર-ડોમમાંથી સ્વિચ ઘટકને રેન્ડર કરે છે.
// રેખાઓ 5 અને 6: આ રેખાઓ બે રૂટ ઘટકોને ચોક્કસ પાથ અને ઘટકો સાથે રેન્ડર કરે છે જ્યારે તે પાથ મેળ ખાય છે.
// લાઈન 8: આ લાઇન ફોલબેક રૂટ રેન્ડર કરે છે જો અન્ય કોઈ પણ રૂટ મેળ ખાતા ન હોય. જો કોઈ અન્ય રૂટ મેચ ન થાય તો તે NoMatch ઘટકને રેન્ડર કરશે.

પ્રતિક્રિયા રાઉટર શું છે

રીએક્ટ રાઉટર એ રીએક્ટ એપ્લીકેશન માટે રૂટીંગ લાઈબ્રેરી છે. તે વિકાસકર્તાઓને રૂટ્સ અને ઘટકો બનાવવાની મંજૂરી આપે છે જેનો ઉપયોગ પ્રતિક્રિયા એપ્લિકેશનમાં વિવિધ પૃષ્ઠો વચ્ચે નેવિગેટ કરવા માટે થઈ શકે છે. તે ડાયનેમિક રૂટ મેચિંગ, ક્વેરી પેરામીટર્સ અને લોકેશન સ્ટેટ જેવી સુવિધાઓ પણ પ્રદાન કરે છે. વધુમાં, તે સર્વર-સાઇડ રેન્ડરિંગ અને કોડ વિભાજન માટે સપોર્ટ પૂરો પાડે છે.

બધા ફોલબેક રૂટ પકડો

કૅચ-ઑલ ફૉલબૅક રૂટ એ રિએક્ટ રાઉટરનો એક માર્ગ છે જે કોઈપણ અન્ય માર્ગો દ્વારા મેળ ખાતો ન હોય તેવા કોઈપણ પાથ સાથે મેળ ખાય છે. આ પ્રકારના રૂટનો ઉપયોગ ઘણીવાર 404 પૃષ્ઠ બનાવવા માટે અથવા બધા મેળ ન ખાતા પાથ માટે ઘટક રેન્ડર કરવા માટે થાય છે. એ નોંધવું અગત્યનું છે કે કેચ-ઓલ ફૉલબેક રૂટ હંમેશા રૂટની યાદીમાં છેલ્લો રૂટ હોવો જોઈએ, કારણ કે તે કોઈપણ પાથ સાથે મેળ ખાશે અને અન્ય રૂટને મેચ થતા અટકાવશે.

ફોલબેક માર્ગને યોગ્ય રીતે કેવી રીતે વ્યાખ્યાયિત કરવો

રિએક્ટ રાઉટરનો ઉપયોગ કરતી વખતે, ફોલબેક રૂટ એ એક રૂટ છે જેનો ઉપયોગ જ્યારે અન્ય કોઈ રૂટ વિનંતી કરેલ URL સાથે મેળ ખાતા નથી ત્યારે થાય છે. જ્યારે વિનંતી કરેલ URL અસ્તિત્વમાં ન હોય ત્યારે તેનો ઉપયોગ સામાન્ય રીતે વપરાશકર્તાઓને 404 પૃષ્ઠ અથવા કેટલાક અન્ય પૃષ્ઠ પર રીડાયરેક્ટ કરવા માટે થાય છે.

રિએક્ટ રાઉટરમાં ફોલબેક રૂટને યોગ્ય રીતે વ્યાખ્યાયિત કરવા માટે, તમારે પહેલા એ બનાવવું જોઈએ ઘટક અને તેને તમારા રૂટની આસપાસ લપેટી. અંદર ઘટક, તમારે તમારા સામાન્ય રૂટ્સનો સમાવેશ કરવો જોઈએ જેના પછી a કોઈ પાથ ઉલ્લેખિત નથી સાથે ઘટક. આ તમારો ફૉલબૅક માર્ગ હશે અને તમારા અન્ય કોઈપણ માર્ગો સાથે મેળ ખાતી ન હોય તેવી કોઈપણ વિનંતીઓને પકડી લેશે. પછી તમે સ્પષ્ટ કરી શકો છો કે જ્યારે આ રૂટ મેળ ખાતો હોય ત્યારે શું થવું જોઈએ, જેમ કે 404 પૃષ્ઠ પર રીડાયરેક્ટ કરવું અથવા કેટલીક અન્ય સામગ્રી પ્રદર્શિત કરવી.

શા માટે ફોલબેક રૂટ હંમેશા ટ્રિગર થાય છે

જ્યારે URL પાથ હાલના કોઈપણ રૂટ સાથે મેળ ખાતો નથી ત્યારે રિએક્ટ રાઉટરમાં ફોલબેક રૂટ હંમેશા ટ્રિગર થાય છે. આ ત્યારે થઈ શકે છે જ્યારે કોઈ વપરાશકર્તા ખોટો URL માં મેન્યુઅલી ટાઈપ કરે છે, અથવા જો એપ્લિકેશનનું રૂટીંગ લોજિક યોગ્ય રીતે ગોઠવેલ નથી. ફોલબેક રૂટ વિકાસકર્તાઓને આ દૃશ્યોને સુંદર રીતે હેન્ડલ કરવા અને વપરાશકર્તાને પ્રતિસાદ આપવા માટે પરવાનગી આપે છે, જેમ કે 404 પૃષ્ઠ અથવા તેમને હોમ પેજ પર રીડાયરેક્ટ કરવું.