title: How to call a component onClick of a button in a functional component with MaterialUI Button
body: <p>I'm using Material UI for a button and want to render a different functional component onClick of a button.
  I'm doing this all in a functional component as well. ( is the component I want to trigger)</p>
  <pre><code>const driveAction=props =&gt;{
      return &lt;SharedDriveAction/&gt;;
  }
  
  
  const Vehicle = ({vehicle}) =&gt; {
  const classes = useStyles();
  
  return (
  &lt;Button
      onClick= {() =&gt; { driveAction }}
      size=&quot;small&quot;
      color=&quot;secondary&quot;
      className={classes.button}
      &gt;
    Drive
   &lt;/Button&gt;
  );
  }
  
  export default Vehicle;
  </code></pre>