history#createBrowserHistory JavaScript Examples

constructor(props) {
    super(props);
    this.history = createBrowserHistory();

    let oldPush = this.history.push;
    this.history.push = (to, state) => {
      return oldPush.call(this.history, to, makeLocationState(state));
    };

    // I'm not sure if this is the best approach but we need this to
    // globally. We could instead move various workflows inside global
    // React components, but that's for another day.
    window.__history = this.history;

    undo.setUndoState('url', window.location.href);

    this.cleanup = this.history.listen(location => {
      undo.setUndoState('url', window.location.href);
    });
  }

BrowserRouter =
/*#__PURE__*/
function (_React$Component) {
  _inheritsLoose(BrowserRouter, _React$Component);

  function BrowserRouter() {
    var _this;

    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
      args[_key] = arguments[_key];
    }

    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
    _this.history = createBrowserHistory(_this.props);
    return _this;
  }

  var _proto = BrowserRouter.prototype;

  _proto.render = function render() {
    return React.createElement(Router, {
      history: this.history,
      children: this.props.children
    });
  };

  return BrowserRouter;
}(React.Component)

BrowserRouter =
/*#__PURE__*/
function (_React$Component) {
  _inheritsLoose(BrowserRouter, _React$Component);

  function BrowserRouter() {
    var _this;

    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
      args[_key] = arguments[_key];
    }

    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
    _this.history = createBrowserHistory(_this.props);
    return _this;
  }

  var _proto = BrowserRouter.prototype;

  _proto.render = function render() {
    return React.createElement(Router, {
      history: this.history,
      children: this.props.children
    });
  };

  return BrowserRouter;
}(React.Component)

ctxRender = async (ui, {
  options, context, storeOptions, history = createBrowserHistory(),
} = {}) => {
  const store = buildStore({ middleware: [...getDefaultMiddleware(), spyMiddleware], ...storeOptions });
  await initializeMockApp({ messages: [appMessages] });
  return render(
    <Provider store={store}>
      <Router history={history}>
        <AppContext.Provider value={context}>
          <IntlProvider locale="en">
            {ui}
          </IntlProvider>
        </AppContext.Provider>
      </Router>
    </Provider>,
    options,
  );
}

function App () {
  const history = createBrowserHistory()
  const AppContainerWithRouter = withRouter(AppContainer)
  return (
    <Router basename={basename}>
      <AppContainerWithRouter history={history} />
    </Router>
  )
}

function setup(initialState) {
  const store = configureStore(initialState);
  const history = createBrowserHistory();
  const provider = (
    <Provider store={store}>
      <ConnectedRouter history={history}>
        <CounterPage />
      </ConnectedRouter>
    </Provider>
  );
  const app = mount(provider);
  return {
    app,
    buttons: app.find('button'),
    p: app.find('.counter')
  };
}

history = createBrowserHistory()

history = createBrowserHistory()

history = createBrowserHistory()

history =
  process.env.NODE_ENV === 'test'
    ? createMemoryHistory()
    : createBrowserHistory()

history = createBrowserHistory()

customHistory = createBrowserHistory()

history = createBrowserHistory()

history = createBrowserHistory()

history = createBrowserHistory()

history = createBrowserHistory({forceRefresh:true})

history = createBrowserHistory({ basename })

hist = createBrowserHistory()

history = createBrowserHistory({ basename: baseUrl })

history = createBrowserHistory()

history = createBrowserHistory()

history = createBrowserHistory()

history = createBrowserHistory({ basename: baseUrl })

history = createBrowserHistory()

browserHistory = createBrowserHistory()

history = createBrowserHistory({ basename: '' })

constructor(props) {
    super(props);
    this.mounted = true;
    this.history = createBrowserHistory();
    window.__history = this.history;
  }

history = createBrowserHistory()

history = createBrowserHistory()