Impossível passar adereços para o componente através do react-router
Não consigo passar objetos usando o react-router. Meu código até agora:
import React from 'react';
import ReactDOM from 'react-dom';
import { BrowserRouter, Route, Switch } from 'react-router-dom';
import 'normalize.css/normalize.css';
import './styles/styles.scss';
const EditExpensePage = props => {
console.log(props);
return <div>Editing the expense with id of </div>;
};
const AppRouter = () => {
return (
<BrowserRouter>
<div>
<Switch>
<Route path="/edit/:id" component={EditExpensePage} />
</Switch>
</div>
</BrowserRouter>
);
};
ReactDOM.render(<AppRouter />, document.getElementById('appDiv'));
Captura de tela do erro
Estou tentando acessar oidentidad no console tão simples quanto isso.
O erro é exibido apenas quando estou tentando passar adereços
path="/edit/:id"
Link da fonte:https: //reacttraining.com/react-router/web/api/Route/route-prop