반응 공유기는 무엇입니까?

본문 최초 발표https://www.blog.duomly.com/6-most-popular-front-end-interview-questions-and-answers-for-beginners-part-2/#what-is-react-router
대부분의 응용 프로그램은 React로 구축됩니다.js는 SPA(한 페이지 응용 프로그램)이지만, 이것은 당신의 응용 프로그램에 보기가 하나밖에 없다는 것을 의미하지는 않습니다.
이것은 당신의 응용 프로그램이 다른 보기로 다시 불러올 필요가 없다는 것을 의미하지만, 우리는 어떻게 해야만 보기를 변경하고 다음 페이지로 들어갈 수 있습니까?
우리는react 공유기를 사용할 수 있습니다!
React 라우터는 React에서 사용하는 공식 및 표준 라우팅 패키지입니다.js에서 보기를 변경하고 페이지 사이를 이동합니다.
React 공유기를 사용하면 모듈에 전체 경로를 지정하여 지정한 URL을 입력할 때 어떤 보기가 보여야 하는지 결정할 수 있습니다.
React router는 로그인한 보기나 접근해야 할 특수한 요구 사항과 같은 보호된 보기를 만들 수 있도록 합니다.
React 공유기의 더 유용한 기능은 루트 역사입니다. 보기의 모든 역사를 보존하고 필요할 때 지정한 단계로 되돌아갈 수 있습니다.
지정한 요소를 표시할 수 있는 경로를 표시하고 이 매개 변수에 접근할 수 있도록 URL 매개 변수, 예를 들어 요소의 id를 처리하는 것을 잊을 수 없습니다.
우리는 몇 가지 방식을 통해 루트 내비게이션을 사용할 수 있다.가장 일반적인 방법은 URL을 입력하여 메뉴의 링크를 통해 URL에 접근하거나 루트 기록에 데이터를 추가하는 것이다.
다음 예제에서는 라우팅을 단순화할 수 있습니다.
<Switch>
  <Route path="/about">
    <About />
  </Route>
  <Route path="/contact/:id">
    <Contact />
  </Route>
  <Route path="/contact">
    <AllContacts />
  </Route>
  <Route path="/">
    <Home />
  </Route>
</Switch>

읽어주셔서 감사합니다.
Duomly의 Radek.

좋은 웹페이지 즐겨찾기