React Router не передает значение в match.props

Question

Итак, я начал изучать React с Redux и реагировать на маршрутизатор.Большой беспорядок для .net

Я хочу использовать объект match, чтобы найти реквизиты в данном URL, поэтому я могу сделать это:

function NumberHeader ({match}){
   var number = match.props.nr;
   ..... Logic down here ...
}

Я определил маршрут какthis:

<Route path={`/number/:nr`} component={() => <NumberHeader match={this.props.match} />} />

Компонент NumberHeader выполняет рендеринг по правильному URL, но я не могу получить какие-либо реквизиты.

Вся эта логика происходит не в корне приложения, она происходитв этом отрендеренном компоненте:

<Route path={routes.NUMERO} component={() => <DrawsPage />} />

Какие ключевые факторы мне нужно следовать, чтобы это работало?Я использую последнюю версию реакции-маршрутизатор v4.Спасибо.

Answer 1

Передайте реквизиты из объявления компонента:

component={props => <NumberHeader {...props} />}

В качестве альтернативы, просто сделайте

component={NumberHeader}