Datrys: llwybrydd adweithio ychwanegu wrth gefn i ddal y cyfan

Y brif broblem yn ymwneud â React Router ac ychwanegu wrth gefn i ddal y cyfan yw y gall fod yn anodd ffurfweddu'r llwybr wrth gefn yn iawn. Mae angen i'r llwybr wrth gefn gael ei ffurfweddu yn y fath fodd fel y bydd yn dal pob cais, gan gynnwys y rhai nad ydynt yn llwybrau dilys. Os na wneir y ffurfweddiad yn gywir, yna ni fydd ceisiadau am lwybrau annilys yn cael eu dal gan y llwybr wrth gefn a gallant arwain at gamgymeriadau neu ymddygiad annisgwyl. Yn ogystal, os yw'r rhaglen yn cynnwys llwybrau deinamig (ee, yn seiliedig ar fewnbwn defnyddwyr), yna mae angen cymryd y rhain i ystyriaeth wrth ffurfweddu'r llwybr wrth gefn fel eu bod hefyd yn cael eu dal ganddo.

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>  
);

// Llinell 1: Mae'r llinell hon yn mewnforio'r cydrannau BrowserRouter, Route, a Switch o'r llyfrgell react-router-dom.
// Llinell 2: Mae'r llinell hon yn diffinio cysonyn o'r enw App sy'n gydran ffwythiant.
// Llinell 3: Mae'r llinell hon yn gwneud y gydran Llwybrydd o react-router-dom.
// Llinell 4: Mae'r llinell hon yn gwneud y gydran Switch o react-router-dom.
// Llinellau 5 a 6: Mae'r llinellau hyn yn gwneud dwy gydran Llwybr gydag union lwybrau a chydrannau i'w rendro pan fydd y llwybrau hynny'n cyfateb.
// Llinell 8: Mae'r llinell hon yn gwneud llwybr wrth gefn os nad oes unrhyw un o'r llwybrau eraill yn cyfateb. Bydd yn gwneud y gydran NoMatch os nad oes llwybrau eraill yn cyfateb.

Beth yw llwybrydd adweithio

Mae React Router yn llyfrgell llwybro ar gyfer cymwysiadau React. Mae'n caniatáu i ddatblygwyr greu llwybrau a chydrannau y gellir eu defnyddio i lywio rhwng gwahanol dudalennau mewn cymhwysiad React. Mae hefyd yn darparu nodweddion megis paru llwybr deinamig, paramedrau ymholiad, a chyflwr lleoliad. Yn ogystal, mae'n darparu cefnogaeth ar gyfer rendro ochr y gweinydd a hollti cod.

Llwybr wrth gefn sy'n dal pawb

Llwybr wrth gefn sy'n dal popeth yw llwybr yn React Router sy'n cyfateb i unrhyw lwybr nad yw wedi'i gydweddu ag unrhyw lwybrau eraill. Defnyddir y math hwn o lwybr yn aml i greu tudalen 404, neu i wneud cydran ar gyfer pob llwybr heb ei gyfateb. Mae’n bwysig nodi mai’r llwybr wrth gefn sy’n dal popeth ddylai fod y llwybr olaf yn y rhestr o lwybrau bob amser, gan y bydd yn cyfateb i unrhyw lwybr ac yn atal llwybrau eraill rhag cael eu paru.

Sut i ddiffinio llwybr wrth gefn yn gywir

Wrth ddefnyddio React Router, mae llwybr wrth gefn yn llwybr a ddefnyddir pan nad oes llwybrau eraill yn cyfateb i'r URL y gofynnwyd amdano. Fe'i defnyddir yn nodweddiadol i ailgyfeirio defnyddwyr i dudalen 404 neu ryw dudalen arall pan nad yw'r URL y gofynnwyd amdano yn bodoli.

I ddiffinio llwybr wrth gefn yn iawn yn React Router, dylech yn gyntaf greu a cydran a'i lapio o amgylch eich llwybrau. Y tu mewn i'r gydran, dylech gynnwys eich llwybrau arferol ac yna a gydran heb unrhyw lwybr wedi'i nodi. Dyma fydd eich llwybr wrth gefn a bydd yn dal unrhyw geisiadau nad ydynt yn cyfateb i unrhyw un o'ch llwybrau eraill. Yna gallwch chi nodi beth ddylai ddigwydd pan fydd y llwybr hwn yn cael ei baru, fel ailgyfeirio i dudalen 404 neu arddangos rhywfaint o gynnwys arall.

Pam roedd y llwybr wrth gefn bob amser yn cael ei sbarduno

Mae'r llwybr wrth gefn yn React Router bob amser yn cael ei sbarduno pan nad yw llwybr URL yn cyd-fynd ag unrhyw un o'r llwybrau presennol. Gall hyn ddigwydd pan fydd defnyddiwr yn teipio URL anghywir â llaw, neu os nad yw rhesymeg llwybro'r rhaglen wedi'i ffurfweddu'n gywir. Mae'r llwybr wrth gefn yn caniatáu i ddatblygwyr drin y senarios hyn yn osgeiddig a rhoi adborth i'r defnyddiwr, megis tudalen 404 neu eu hailgyfeirio i'r dudalen gartref.