How to pass props to a component?

Question

React

Hey!
See, I'm using props. How can I pass the same props to the Menu component?render={props => <Home {...props}/>}

class App extends Component {
  render() {
    return (
      <div className="App">
        <Menu/>
        <main>
          <Switch>
            <Route exact path="/" render={props => <Home {...props}/>}/>
            <Route path="/contacts" render={props => <Contacts {...props}/> }/>
          </Switch>
        </main>
      </div>
    );
  }
}

Thank you very much in advance!

Answer 1

Something like this.

import { withRouter } from 'react-router-dom';

const Menu = () => { ... }

export default withRouter(Menu);

Bonus:
In your case, you can just write

<Route exact path="/" component={Home} />
<Route path="/contacts" component={Contacts} />