Question

以下是我要实现的目标：当用户尝试访问我的ReactJS网站上的受保护页面时，我想将它们重定向到主页，并显示“请登录”或类似内容的Flash消息。我如何使用react-router v4实现这一目标。这是我到目前为止所拥有的：

[batch_size, ? (~100), embedding_size]

Answer 1

这对我有用：我使用了react-router v4附带的Redirect方法。它使您可以轻松实现这一目标。

<Route 
      exact path="/source" render={() => (
        isAuthenticated() ? (
          <Source />
        ) : (
          <Redirect 
            to={{
              pathname: '/',
              state: 'Please sign in' 
            }} 
          />
        )
      )} 
    />

您可以在此处详细了解重定向：React Router v4 - Redirect

Answer 2

如何将登录的属性发送到<Home>组件，然后主组件可以查看该属性并在需要时呈现Flash消息：

  exact path="/source" render={() => (
    isAuthenticated() ? (
      <Source />
    ) : (
      <Home loggedIn={isAuthenticated} /> 
    )
  )}

如何使用flash消息react-router 4重定向

2 个答案: