An warware: React na'ura mai ba da hanya tsakanin hanyoyin sadarwa dom npm

Babban matsalar da ke da alaƙa da React Router DOM shine cewa yana iya zama da wahala a cire kuskure. Saboda React Router ne ke sarrafa hanyar, yana iya zama da wahala a iya gano ainihin inda batun ke faruwa. Bugu da ƙari, tun da React Router DOM yana amfani da JavaScript don sarrafa shi, duk wani kurakurai a cikin lambar na iya haifar da halin da ba zato ba tsammani kuma ya sa yin kuskure ya fi wahala. A ƙarshe, idan mai amfani yana da tsohuwar sigar React Router DOM da aka shigar, za su iya fuskantar matsalolin daidaitawa tare da sabbin nau'ikan ɗakin karatu.

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

<Router>
  <Route exact path="/" component={Home} />
  <Route path="/about" component={About} />
</Router>

1. "shigo da { BrowserRouter azaman na'ura mai ba da hanya tsakanin hanyoyin sadarwa, Hanyar } daga 'react-router-dom';"
Wannan layin yana shigo da kayan aikin BrowserRouter da Route daga ɗakin karatu na amsa-router-dom.

2. ""
Wannan layin yana ƙirƙirar ɓangaren na'ura mai ba da hanya tsakanin hanyoyin sadarwa wanda za'a yi amfani da shi don naɗe duk hanyoyin da ke cikin aikace-aikacen.

3. ""
Wannan layin yana ƙirƙirar ɓangaren Hanyar hanya wanda zai sanya bangaren Gida lokacin da hanyar ke '/'. The 'daidai' prop yana tabbatar da cewa wannan hanya za ta kasance daidai lokacin da hanyar ta kasance daidai'/'.

4. "Wannan layin yana haifar da bangaren Route wanda zai sanya About bangaren lokacin da hanyar ke '/about'.

5. "" Wannan layin yana rufe ɓangaren na'ura mai ba da hanya tsakanin hanyoyin sadarwa da kuma sigina don amsawa cewa an ayyana duk hanyoyin mu.

npm mai sarrafa kunshin

NPM (Node Package Manager) shine mai sarrafa fakitin JavaScript wanda ke taimaka wa masu haɓakawa don shigarwa, ɗaukakawa, da sarrafa fakiti don aikace-aikacen React cikin sauƙi. Shi ne tsoho mai sarrafa fakiti na ɗakin karatu na React Router kuma yana ba da dama ga fakiti da yawa waɗanda za a iya amfani da su a aikace-aikacen React. NPM yana ba masu haɓakawa damar ganowa da shigar da fakiti cikin sauri daga wurin rajista na hukuma da kuma wasu kafofin ɓangare na uku. Hakanan yana ba da kayan aiki don sarrafa abin dogaro tsakanin fakiti daban-daban, wanda ke sauƙaƙa lura da nau'ikan kowane fakitin a cikin aikace-aikacen. Bugu da ƙari, ana iya amfani da NPM don sabunta fakitin da ke cikin sauƙi ko ma cire su idan ba a buƙatar su.

Menene React Router dom

React Router DOM babban ɗakin karatu ne don React wanda ke ba masu haɓakawa damar ƙirƙira da sarrafa hanyoyin cikin aikace-aikacen React ɗin su. Yana ba da hanya don bayyana taswirar hanyoyin zuwa abubuwan da aka gyara, sarrafa tarihin mai binciken, da kuma kiyaye UI cikin aiki tare da URL. Hakanan ya haɗa da fasali kamar daidaitawar hanya mai ƙarfi, sarrafa canjin wuri, da tsara URL.

Yadda shigar Dom npm react router

1. Sanya React Router:
Da farko, shigar da kunshin React Router ta amfani da npm ko yarn.
Misali, idan kuna amfani da npm:
npm shigar react-router-dom

2. Shigo React Router:
Da zarar an gama shigarwa, kuna buƙatar shigo da abubuwan haɗin daga react-router-dom cikin aikace-aikacen ku. Misali:
shigo da { BrowserRouter azaman mai ba da hanya tsakanin hanyoyin sadarwa, Hanyar } daga 'react-router-dom';

3. Kunna App ɗin ku a cikin Na'ura mai ba da hanya tsakanin hanyoyin sadarwa:
Mataki na gaba shine kunsa sashin tushen ku tare da a bangaren daga react-router-dom. Wannan zai samar da aikace-aikacen ku tare da damar sarrafa bayanai kuma ya sa shi sane da hanyar URL na yanzu wanda mai amfani ke ziyarta. Misali:

const App = () => (
 
 

    );

4. Ƙara Hanyoyi zuwa App ɗin ku: Mataki na ƙarshe shine ƙara hanyoyin zuwa aikace-aikacenku ta amfani da bangaren samar da react na'ura mai ba da hanya tsakanin hanyoyin sadarwa dom. Bangaren hanya yana ɗaukar abubuwa biyu; hanya da bangaren da ke ba ka damar tantance abubuwan da ya kamata a yi lokacin da mai amfani ya ziyarci wata hanyar URL a cikin aikace-aikacenka Misali:

const App = () => (
 
 

   )