Unable to pass props to component through react-router

Question

I am unable to pass props using react-router. My code till now:

import React from \'react\';
import ReactDOM from \'react-dom\';
import { BrowserRouter, Rout         


        

Answer 1

This is the same problem as in this question. The problem is specific to the setup. As shown in error message, bundle.js is loaded from current path, /edit/bundle.js, while it should be loaded from /bundle.js.

Scripts should either have absolute paths:

<script type="text/javascript" src="/bundle.js"></script>

Or base URL should be specified:

<base href="/">

Answer 2

It may be an issue with your local environment, I dont see anyproblem with your code. I tried out in https://codesandbox.io/s/ox773ywmn9 and there is no issue

Answer 3

I can access the props in the child components using this:

this.props.match.params.id