亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何在 React Shepherd 中訪問瀏覽器歷史記錄

如何在 React Shepherd 中訪問瀏覽器歷史記錄

慕神8447489 2023-03-24 17:15:37
我正在嘗試使用React Shepherd為我的應用程序創建演練。我似乎找不到任何解釋如何在游覽中切換路線的內容。window.location.replace = "/someurl" 刷新頁面并完全終止游覽。我正在努力實現這一目標歷史.jsimport { createBrowserHistory } from "history";const history = createBrowserHistory();export default history;步驟.jsimport hist from "./History";const Steps = [    {    //...    when: {      hide: () => {          hist.push("/someurl");      },    },  },//...]export default Steps;應用程序.jsimport React from "react";import { Router } from "react-router";import { Route } from "react-router-dom";//...import Steps from "./Steps";import hist from "./History";import "shepherd.js/dist/css/shepherd.css";const tourOptions = {  defaultStepOptions: {    cancelIcon: {      enabled: true,    },    classes: "shepherd-theme-custom",  },  useModalOverlay: true,};const App = () => {  return (      <Router history={hist}>         <Route exact path="/signin" component={SignIn} />         <ShepherdTour steps={Steps} tourOptions={tourOptions}>            <PrivateRoute exact path="/*" component={Main} />          </ShepherdTour>      </Router>  );};export default App;調用steps的hide函數時,url路徑切換了,頁面沒有渲染。我想知道我是否錯誤地使用了 react-router 或者是否有不同的方法來解決這個問題?
查看完整描述

1 回答

?
紅顏莎娜

TA貢獻1842條經驗 獲得超13個贊

所以這實際上與根本無關React Shepherd,這純粹是 React Router 的問題。我錯誤地嵌套了兩個BrowserRouter',因為它也意外地包含在我的Main組件中。刪除后,應用程序可以使用自定義歷史文件導航。



查看完整回答
反對 回復 2023-03-24
  • 1 回答
  • 0 關注
  • 137 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號