React router nested router aren't working

Asked Jun 02 '20 at 09:40

Active Jun 02 '20 at 09:40

Viewed 50 times

I'm making a website with laravel backend and react as a front-end library and using React-Router & I've this code

<Switch>
          <Route exact path="/" component={ProductsPage}/>
          <Route path="/category/:id" component={CategoryPage}/>
</Switch>

which I also tried switching to

<Switch>
          <Route exact path="/" component={ProductsPage}/>
          <Route path="/category">
              <Route path="/:id" component={CategoryPage} />
          </Route>

here's my web.php page

use Illuminate\Support\Facades\Route;
Route::view('/{path?}', 'app');

Everything works normally except nested routes if I visit /category/805 it gives me a 404

asked Jun 02 '20 at 09:40

Ahmed Selim

This should help you https://stackoverflow.com/questions/13297278/laravel-using-any-wildcard-for-all-routes – Shubham Khatri Jun 02 '20 at 09:49
try using ```exact path``` for all routes, including nested ones. – ertemishakk Jun 02 '20 at 13:06

React router nested router aren't working

0 Answers0