Как получить доступ к объекту соответствия реагирующего маршрутизатора из mapstatetoprops

Question

Мне было интересно, как я получу доступ к объекту соответствия реакции-маршрутизатора для его параметров из mapStateToProps или любого другого селектора.Я хотел создать что-то из параметров и передать это как подпорку к компоненту представления в селекторе.У меня есть компонент, который принимает built проп, и я надеюсь передать ему некоторое значение, полученное из параметров реагирующего маршрутизатора.Я бы предпочел, чтобы не нужно было передавать параметры в качестве реквизита.

Answer 1

mapStateToProps принимает второй параметр ownProps. Как только ваш компонент инициализируется react-router, вы получаете match опору среди других.

<Route path="/details/:id" component={DetailsPage}

тогда

function DetailsPageComp(props) {
...
}


function mapStateToProps(state, { match: { params: {id} } }) {
  return {
    obj: someSelectorFunction(state, id);
  };
}
export default connect(mapStateToProps)(DetailsPageComp);

Конечно, если вы используете <Route render={} версию, вам нужно передать match вниз:

<Route render={({ match }) => <DetailsPageComp match={match} />} path="..." />