Всем привет! У меня есть компонент с рутами:
- App:
return (
<Router history={history}>
<Switch>
<Route path="/offers/:id"
render={(props) => {
const offer = findActiveOffer(offers, props.match.params.id);
return (
<DetailedOffer
{...props.match.params}
offer = {findActiveOffer(offers, props.match.params.id)}
/>);
}}
/>;
<Route
render={() => {
return (
<div>Not found</div>
);
}}
/>
</Switch>
</Router>
);
- Компонент, который имеет линк на страницы:
<Link to={`/offers/${id}`}>{name}</Link>
При клике на линк, адрес в адресной строке меняется на нужный (например /offers/1
), но компонент DetailedOffer почему-то не отрисовывается, а отображается Not found. В чем может быть причина и что я делаю не так?