有没有办法在 React 中包含多个 SecureRoutes？

Question

我使用 Okta 将有效的身份验证集成到 React 应用程序中，并且我有 2 条需要身份验证才能呈现的路由。身份验证部分按预期工作，但是，登录控件似乎重复并且登录按钮放置在错误的位置。有什么办法可以解决这个问题吗？

<Security oktaAuth={oktaAuth} restoreOriginalUri={restoreOriginalUri} onAuthRequired={onAuthRequired}>
            
  <Header/>
  <Route path='/' exact={true} component={Home}/>            
  <Route path='/Login' exact={true} component={Login}/> 

  <SecureRoute path='/Secure1' component={Secure1}/>
  <SecureRoute path='/Secure2' component={Secure2}/>

  <Route path='/callback' component={LoginCallback}/>
</Security>

Answer 1

我发现了问题，它与 oktaAuth 无关。问题出在 CSS 方面，我在那里定义了一个额外的表单。解决了那个问题后，我就可以完美地使用SecureRoutes了。

有没有办法在 React 中包含多个 SecureRoutes？

Is there a way to include multiple SecureRoutes in React?

node.js

security

routes

okta