10 examples of 'react router back button' in JavaScript

237
public routerNavigate(route: string, view?: string): void {
238
  this.router.navigateToRoute(route, {
239
    diagramName: this.activeDiagram ? this.activeDiagram.name : undefined,
240
    solutionUri: this.activeSolutionEntry ? this.activeSolutionEntry.uri : undefined,
241
    view: view,
242
  });
243
}

3
export function Router(props) {
4
	if (!props.children) return; // Error?
5
6
	if (!window.onpopstate) window.onpopstate = props.routeChanged;
7
8
	const match = props.children.find(matchRoute);
9
10
	if (match) {
11
		return match.view(props.model);
12
	} else {
13
		// Not Found?
14
	}
15
}

70
back () {
71
  history.back()
72
}

51
back() {
52
  window.history.back()
53
}

100
back(): void {
101
  this.platformStrategy.back();
102
}

61
back(){
62
63
  History.back();
64
}

33
goBack() {
34
  this.props.navigator.pop();
35
}

39
LeftButton(route, navigator, index, navState) {
40
  // console.log('left route %o', route);
41
  let btnText = route.leftButtonIcon ?  :
42
    route.leftButtonTitle ? {route.leftButtonTitle} :
43
      index === 0 ? null : ;
44
  return (
45
     {route.onLeftButtonPress ? route.onLeftButtonPress() : navigator.pop();} }>
46
      {btnText}
47
    
48
  );
49
}

11
function BackButton({ label, ...props }) {
12
  const theme = useTheme()
13
  const [insideBarPrimary] = useInside('Bar:primary')
14
15
  const { layoutName } = useLayout()
16
  const compact = layoutName === 'small'
17
  const horizontalPadding = (compact ? 2 : 3) * GU
18
19
  return (
20
    
21
      <span>
22
        
23
      </span>
24
      <span>
25
        {label}
26
      </span>
27
    
28
  )
29
}

35
navigate() {
36
  const { menu } = this.state;
37
  if (menu) {
38
    // Pop to menu 
39
    Actions.popTo('Menu');
40
  } else if (Actions.currentScene !== 'Menu') {
41
    // Add guard so that it wont push twice]
42
    Actions.Menu();
43
  }
44
}