How to use routes - 10 common examples

setToken() {
    // parse the url params from Keycloak
    const params = this.getUrlParams();

    if (typeof window !== "undefined" && params.access_token) {
      const { keycloakAuthStore } = this.props;

      keycloakAuthStore.setToken(params.access_token);

      const previousRoute = localStorage.getItem("kc-redirected-from");
      localStorage.removeItem("kc-redirected-from");
      Router.pushRoute(previousRoute || "/");
    }
  }

function handleSearch({ keyCode, target }) {
  // Send user to grid page when the enter key is pressed.
  // The current search string will be appended to the URL as a query param.
  if (keyCode === 13) {
    const { value } = target;
    const route = value === "" ? "/" : `/?search=${value}`;
    Router.pushRoute(route);
  }
}

handleTagSelected(tag, labels = ['TOPIC']) { // eslint-disable-line class-methods-use-this
    const tagSt = `["${tag}"]`;
    let treeSt = 'topics';
    if (labels.includes('TOPIC')) {
      treeSt = 'topics';
    } else if (labels.includes('GEOGRAPHY')) {
      treeSt = 'geographies';
    } else if (labels.includes('DATA_TYPE')) {
      treeSt = 'dataType';
    }

    Router.pushRoute('explore', { [treeSt]: tagSt });
  }

handleChange( event ) {
		const locale = event.target.value;
		const currentLanguage = this.getCurrentLanguage();
		const nextLanguage = find( config( 'languages' ), { langSlug: locale } );

		if ( currentLanguage.isRtl !== nextLanguage.isRtl ) {
			// RTL and LTR languages use a different build, so we need to
			// reload the page if the language direction changes
			window.location.href = getPath( 'home', {}, { locale } );
		} else {
			this.props.switchLocale( locale );
			this.props.hideSelect();
		}
	}

redirectToSearch( query, numberOfResultsToDisplay ) {
			if ( query !== ownProps.location.query.q || config( 'initial_number_of_search_results' ) === numberOfResultsToDisplay ) {
				// reset the result count when the query changes and hide it from the url if it is the default
				numberOfResultsToDisplay = undefined;
			}

			dispatch( push( {
				pathname: getPath( 'search' ),
				query: { q: query, r: numberOfResultsToDisplay }
			} ) );
		}
	} )

onClick = () => {
    const { navItem } = this.props;

    if (this.hasSubNavItems) {
      this.setState({ isSubNavOpen: !this.state.isSubNavOpen });
    } else {
      const path = this.linkPath;
      Router.pushRoute(path, { slug: navItem.slug });
    }
  };

<p>
					{ i18n.translate( 'You may be asked to approve these changes for each domain separately. ' +
										"We'll email you with instructions." ) }
					</p>
				}

				<p>
					{ i18n.translate(
						'By clicking "Update contact information", you agree to the ' +
						'{{draLink}}Domain Registration Agreement{{/draLink}} and confirm that if you are transferring ownership of the domain, ' +
						'the new owner has agreed in writing to be bound by the same agreement. {{faqLink}}What does this mean?{{/faqLink}}',
						{
							components: {
								draLink: <a rel="noopener noreferrer" href="https://wordpress.com/automattic-domain-name-registration-agreement/">,
								faqLink: </a><a rel="noopener noreferrer" href="{">
							}
						}
					) }
				</a></p><a rel="noopener noreferrer" href="{">
			
		);
	}
</a>

selectDomain( domainProduct, isUserLoggedIn ) {
			dispatch( selectDomain( domainProduct ) );

			if ( isUserLoggedIn ) {
				dispatch( push( getPath( 'contactInformation' ) ) );
			} else {
				dispatch( push( getPath( 'signupUser' ) ) );
			}
		}
	} ),

redirectToSearch( query ) {
			dispatch( push( {
				pathname: getPath( 'search' ),
				query: { q: query }
			} ) );
		},

handleClickTotalCard = (label, type) => {
    label = `${label}`.toLocaleLowerCase();
    const guessRoute = routes.portal[type][label] || routes.portal[label];
    this.props.history.push(toRoute(guessRoute));
  };