代码之家 › 专栏 › 技术社区 › Sophia Price

响应路由器未在重定向时更新URL

react-router-dom react-router-v4 react-router reactjs javascript

Sophia Price · 技术社区 · 7 年前

我有一个应用程序正在使用 react-router-v4 .我有一个匹配的页面,除非您登录,否则您无法访问。当用户未登录并尝试转到 /match 它们被重定向到 /login .我的问题是当用户被重定向到 /登录 该URL保持为/match。这在我的代码中的其他地方引起了问题。当用户被重定向到 /登录 是吗?我正在从app.js中的开关重定向页面。下面是我的代码的一个示例:

<Route
    path='/match'
    component= {
        () => {
            if (this.state.auth) return <HomePage />;
            else return <LoginPage />;
        }
    }
/>

TL;医生

如何获取要更改为的URL /登录 如果用户在尝试访问时未登录 /匹配 .

3 回复 | 直到 7 年前

Jimi Pajala Levi D. 7 年前

<Redirect />

<Route
  path='/match'
  render={
    () => {
      if(this.state.auth){ return <HomePage /> }
      else { return <Redirect to="/login" /> }
    }
  }
/>
<Route match="login" component={Login} />

props.history.push('/login')

Tholle 7 年前

/login Redirect /match

<Route
  path='/match'
  render={
    () => {
      if (this.state.auth) return <HomePage />;
      else return <Redirect to='/login'/>;
    }
  }
/>
<Route
  path='/login'
  render={LoginPage}
/>

Moonjsit 7 年前

HOC

推荐文章

FuzzyTree · 如何为matchPath返回值设置typescript类型

7 年前

Shashank Shekhar · 刷新页面时BrowserRouter显示错误| React-router-v4

7 年前

mcw · 用react路由器嵌套相对路由

7 年前

Gage Hendy Ya Boy · <链接>替换不工作

7 年前

strumpy_strudel · 路由处理ReactJS和react路由器dom v4中特定于用户的唯一生成的URL

7 年前

greW · 直接访问子路径

7 年前

S.V. · 处理组件中通过react路由器传递的参数

7 年前

Aayushi · 返回按钮无法返回

8 年前

Aris · 使用react路由器检测路由更改

8 年前

Leon Gaban · 如何让组件检测到路由更改

8 年前