10 examples of 'react router 6 redirect' in JavaScript

86
function Redirect({panes}) {
87
  const router = useRouter()
88
89
  useEffect(() => {
90
    router.navigate({panes}, {replace: true})
91
  })
92
93
  return 
94
}

57
redirect(path, saveInHistory = false) {
58
  if (DEBUG) console.log('ReactApp.redirect', path);
59
  setTimeout(() => {
60
    if (saveInHistory) {
61
      this.history.replace(path);
62
    } else {
63
      this.history.push(path);
64
    }
65
  }, DEBUG ? 1000 : 0);
66
}

63
redirect (path) {
64
  if (!this.aborted) {
65
    this.aborted = true
66
    if (typeof path === 'string') {
67
      path = mapParams(path, this.to.params, this.to.query)
68
    } else {
69
      path.params = path.params || this.to.params
70
      path.query = path.query || this.to.query
71
    }
72
    this.router.replace(path)
73
  }
74
}

17
componentWillMount() {
18
  this.props.router.replace( // 可以直接通过 props 获取 router
19
    this.props.location.query.dest
20
  )
21
}

4
componentWillMount() {
5
  window.location.replace(this.props.to)
6
}

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
}

187
value: function createRedirect(options) {
188
  return Route.createRoute(assign({}, options, {
189
    path: options.path || options.from || '*',
190
    onEnter: function onEnter(transition, params, query) {
191
      transition.redirect(options.to, options.params || params, options.query || query);
192
    }
193
  }));
194
}

13
componentWillMount() {
14
  this.transfer();
15
}

8
export function Router({children, ...props}) {
9
  assert(props.location, 'Router "location" property is missing')
10
11
  const routes = useMemo(() => addRoutes(children), [])
12
  return renderMatch(routes, props)
13
}

7
export function Router({ children }) {
8
	let [pathname] = useHistory();
9
	let nextChild;
10
	let nextParams;
11
12
	children = useMemo(() => toList(children), [children]);
13
14
	let length = children.length;
15
16
	for (let i = 0; i < length; i++) {
17
		let child = children[i];
18
		let props = child.props;
19
		if (props.path) {
20
			let [inRoute, params] = match(child.props.path, pathname);
21
			if (inRoute) {
22
				nextChild = child;
23
				nextParams = params;
24
				break;
25
			}
26
		}
27
		if (child.props.default) {
28
			nextChild = child;
29
		}
30
	}
31
32
	if (nextChild) {
33
		let { type, props } = nextChild;
34
		let nextProps = { ...props, params: nextParams };
35
		delete nextProps.path;
36
		delete nextProps.default;
37
		return createElement(type, nextProps);
38
	}
39
}