React-Router实战：重定向Redirect

当用户访问某界面时，该界面并不存在，此时用Redirect重定向，重新跳到一个我们自定义的组件里。

---

一、基础

• 1、引入使用

// 如果loggedIn 为 false, 则重定向跳转到 /home 页面

import {
    Route, Redirect } from 'react-router'

<Route exact path="/" render={
   () => (
  loggedIn ? (
    <Redirect to="/home"/>
  ) : (
    <User />
  )
)}/>

<Redirect
  to={
   {
   
    pathname: "/login",
    search: "?utm=your+face",
    state: {
    referrer: currentLocation }
  }}
/>

二、DOME

1、目录结构

| - index.js