Я хочу иметь доступ к props.location.search, потому что я хочу, чтобы компонент извлекал данные на основе URL, но я не могу понять, как дать этому компоненту такую опору. Он находится внутри другого компонента Wrapper под названием DashboardPage и имеет такую структуру:
class DashboardPage extends React.Component {
render() {
return (
<>
<Navigation></Navigation>
<div className="container">
<Category></Category>
<Movies></Movies>
<Footer></Footer>
</div>
</>
)
}
}
Теперь моя настройка маршрутизатора выглядит следующим образом.
<Switch>
<Redirect exact from="/" to="/discover/Popular" />
<Route
path="/discover/Popular"
component={DashboardPage}
/>
<Route
exact={true}
path="/movie/:id"
render={(props) => (
<MovieDetailPage key={props.match.params.id} {...props} />
)}
/>
<Route path="/watchlist" component={WatchlistPage}/>
<Route path="/login" component={LoginPage}/>
</Switch>
Только Dashboard получает эти реквизиты, потому что я создал для него маршрут, но как я могу дать компоненту Movies такой же доступ? Чтобы быть более точным c, в моем компоненте нижнего колонтитула есть кнопка, которая использует ссылку на = '? Page = 2' и изменяет URL-адрес, теперь компонент Movies должен повторно выполнить рендеринг на основе изменения URL-адреса и действия Redux. Я просто не знаю, как с моей текущей настройкой маршрутизатора.