Why props.match == undefined?

Question

React

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

Why is props.match being passed as undefined in the first route?

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

And when I call like this props.match.params is empty, and why are the transmitted props different at all?

Answer 1

You yourself skip props

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

DialogList does not receive any props, you wrapped it in a component that ignores them, then do this:

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