Estoy ajustando algunas rutas privadas con un contexto, pero por alguna razón no pasa a la siguiente ruta en el conmutador.
export const Routes = () => ( <Switch> <Route exact path="/" component={Home} /> <Route path="/seller/:userName" component={userProfile} /> <Route path="/allproducts" component={AllProducts} /> <Route path="/privacy" component={Privacy} /> <Route path="/terms" component={Terms} /> <Route path="/contact" component={Contact} /> <Route path="/about" component={About} /> <Route path="/learnmore" component={LearnMore} /> <Route path="/faq" component={FAQ} /> <PublicRoute path="/login" component={Login} /> <PublicRoute path="/signup" component={SignUp} /> <PublicRoute path="/reset" component={ForgotPassword} /> <PublicRoute path="/resetToken" component={ForgotPasswordToken} /> <PrivateRoute exact path="/userprofile" component={UserDashboard} /> <PrivateRoute exact path="/submitplate" /> // This works but doesn't allow the router to move to the next potential route. <BasketProvider> <PrivateRoute exact path="/checkout" component={Checkout} /> </BasketProvider> // This never gets reached. <Route component={NoMatchPage} /> </Switch> );Solo me pregunto si hay una mejor manera de evitar esto. ¿Es esta una mala práctica?
¿Funciona si haces esto?
<PrivateRoute exact path="/checkout" component={() => ( <BasketProvider> <Checkout /> </BasketProvider> )} />