- React Router Quick Start Guide
- Sagar Ganatra
- 409字
- 2021-07-23 16:41:34
History
React-Router has a dependency on the history package. history is a JavaScript library used in maintaining sessions in any JavaScript application. Consider the following quote from history’s documentation (https://github.com/ReactTraining/history):
The history object has several properties and methods:
- action: The current action, PUSH, POP, or REPLACE
- length: The count of entries in the history stack
- location: The current location, which includes the hash, pathname, search, and state properties
- hash: Hash fragment
- pathname: URL path
- search: URL query string
- state: The state information provided when navigating from one route to the other using location.pushState
- block(): A function that registers a prompt message that will be displayed when the user tries to navigate away from the current page.
- createHref(): A function that constructs a URL segment; it accepts an object with the pathname, search, and hash properties.
- go(n): A function that navigates through the history stack. history.go(-1) moves the pointer back by one position and history.go(1) moves the pointer forward by one position in the history stack.
- goBack(): A function that navigates the pointer back by one position in the history stack; the same as history.go(-1).
- goForward(): A function that navigates the pointer forward by one position in the history stack; the same as history.go(1).
- listen(listenerFn): A function that registers a listener function that gets called whenever there's a change in history.location.
- push(path, state?): A function that navigates to the given pathname, adding an entry to the history stack. It optionally accepts a state parameter, which can be used to pass application state data.
- replace(path, state?): A function that navigates to the given pathname, replacing the current entry in the history stack. It also accepts an optional state parameter.
The history object is used by React-Router internally to update the entries in the history stack when the user tries to navigate between pages. It's provided to the rendered component as a prop so that the user can be navigated to different pages using the aforementioned methods in the history object. In the next chapter, we will take a look at various APIs provided by React-Router that help you navigate to different routes defined in the application.
- 自己動手實現Lua:虛擬機、編譯器和標準庫
- Android Application Development Cookbook(Second Edition)
- 從學徒到高手:汽車電路識圖、故障檢測與維修技能全圖解
- C語言程序設計案例精粹
- Node.js:來一打 C++ 擴展
- Learning Material Design
- Access 2010數據庫應用技術實驗指導與習題選解(第2版)
- Illustrator CS6設計與應用任務教程
- 跟戴銘學iOS編程:理順核心知識點
- Drupal 8 Development:Beginner's Guide(Second Edition)
- Using Yocto Project with BeagleBone Black
- Google Maps JavaScript API Cookbook
- KnockoutJS Blueprints
- TensorFlow 2.0深度學習應用實踐
- 谷歌JAX深度學習從零開始學