Почему props.match == undefined?

Question

[tripleserpantine]

<Switch>
        <Route path='/dialogue/:id' render={() => <DialogList />}/>
 </Switch>

Почему в первом route передается props.match как undefined?

<Route path="/dialogue/:id" render={() => {console.log(props.match)}}/>

А когда вызываю так props.match.params - пустой, и почему вообще отличаются передаваемые props?

Comments

[tripleserpantine]

Пишу пока на функциональном React, без классов

Answer 1

[i1yas]

Вы же сами props скипаете

<Route path='/dialogue/:id' render={() => <DialogList />}/>

DialogList не получает никаких пропсов, вы его завернули в компонент, который игнорирует их, делайте тогда так:

<Route path='/dialogue/:id' render={(props) => <DialogList {...props}/>}/>

Comments

[tripleserpantine]

Не знал про деструктуризацию, спасибо