Question

我在响应路由方面遇到了一个奇怪的问题，这可能只是愚蠢的事情。我有一个路线/products，它呈现了一个组件。现在，我正在尝试建立另一条路线/products/:id/confirmation-email，但是我将我重定向到产品组件。如果我将其中任意一条路线更改为其他路线，都可以正常使用。

<ProtectedRoute
        path="/products"
        component={Products}
/>

<ProtectedRoute
        path="/products/:id/confirmation-email"
        component={ConfirmationEmail}

/>

Answer 1

尝试在路线内传递exact道具。

  <ProtectedRoute
            exact 
            path="/products"
            bootIntercom={bootIntercom}
            trackPageVisitOnMixpanel={trackPageVisitOnMixpanel}
            component={Products}
    />

<ProtectedRoute
        exact  
        path="/products/:id/confirmation-email"
        bootIntercom={bootIntercom}
        trackPageVisitOnMixpanel={trackPageVisitOnMixpanel}
        component={ConfirmationEmail}

Answer 2

尝试像这样在代码中将确认路线移至产品路线上方。

<ProtectedRoute
        path="/products/:id/confirmation-email"
        bootIntercom={bootIntercom}
        trackPageVisitOnMixpanel={trackPageVisitOnMixpanel}
        component={ConfirmationEmail}

/>

<ProtectedRoute
        path="/products"
        bootIntercom={bootIntercom}
        trackPageVisitOnMixpanel={trackPageVisitOnMixpanel}
        component={Products}
/>

反应路由器未呈现正确的组件

2 个答案: