1. 程式人生 > >react-router v4 API 翻譯(二)

react-router v4 API 翻譯(二)

HashRouter

它是一種Router,其使用了URL的hash值來使得頁面和瀏覽器的history保持一致。另外Hash history 不支援 location.key 和 location.state。另外由於該技術只是用來支援舊版瀏覽器,因此更推薦大家使用 BrowserRouter。
引數:

  • basename:string
    為所有位置新增一個基準URL,如果該應用被部署在伺服器上的子目錄上,那麼就應當將basename的值設定為這伺服器的子目錄。正確的basename,反斜槓\應當在前面而不是在後面。
    <HashRouter basename="/calendar"/>
    <Link to="/today"/> // renders <a href="#/calendar/today">
    
    • getUserConfirmation: func
      其值是一個函式,該函式被用來確認是否跳轉,預設使用window.confirm
      (Window.confirm()方法顯示一個對話方塊,對話方塊裡面的內容是message引數和確認、取消兩個按鈕。)
    //這是預設行為
    const getConfirmation = (message, callback) => {
      const allowTransition = window.confirm(message)
      callback(allowTransition)
    }
    <HashRouter getUserConfirmation={getConfirmation}/>
    
  • hashType: string
    用於window.location.hash的編碼型別。 可用值包括:
    • “slash” - 建立像#/和#/ sunshine / lollipops這樣的雜湊
    • “noslash” - 建立像#和#sunshine / lollipops這樣的雜湊
    • “hashbang” - 建立“ajax crawlable”雜湊(已經被谷歌棄用),如#!/和#!/ sunshine / lollipops
  • children: node
    渲染唯一子元素。作為一個 Reac t元件,天生自帶 children 屬性。也就是render()的內容,其只能是一個子節點,當然了,裡面可以巢狀多個