title: How to make Card component clickable?
body: <p>I use the Ant Design for my WebApp. For the <a href="https://ant.design/components/card/" rel="noreferrer">Card</a>, there's a hoverable prop that make the card seams clickable but there's no onClick prop. How do I make it really clickable?</p>
  
  <p>This is my Code:</p>
  
  <pre><code>import React, { Component } from 'react';
  import { Card, Avatar, Icon, Button, Divider } from 'antd';
  import EventDetailsDrawer from '../ui/EventDetailsDrawer';
  
  const { Meta } = Card;
  
  class EventCard extends Component {
  
  render() {
      return (
          &lt;div onClick={alert("Hello from here")}&gt;
              &lt;Card
                  hoverable
                  cover={&lt;img alt="example" src="https://assetsnffrgf-a.akamaihd.net/assets/m/1102015169/univ/art/1102015169_univ_lsr_lg.jpg" /&gt;}
                  bodyStyle={{ marginBottom: "-5px" }}
                  &gt;
                      &lt;Meta
                          //avatar={&lt;Avatar src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png" /&gt;}
                          avatar={&lt;Button type="primary" shape="circle-outline"&gt;{this.props.owner}&lt;/Button&gt;}
                          title={this.props.title}
                          description={this.props.descp}
                      /&gt;
                      &lt;Divider style={{ marginLeft: "0px" }}&gt;&lt;/Divider&gt;
                      &lt;p&gt;&lt;Icon type="clock-circle" style={{ fontSize: "15px", color: "#1890FE" }} theme="outlined" /&gt;&lt;span style={{ marginLeft: "15px" }} /&gt;{this.props.date}&lt;/p&gt;
                      &lt;p&gt;&lt;Icon type="environment" style={{ fontSize: "15px", color: "#1890FE" }} theme="outlined" /&gt;&lt;span style={{ marginLeft: "15px" }} /&gt;{this.props.location}&lt;/p&gt;
          &lt;/Card&gt;
                      &lt;EventDetailsDrawer&gt;&lt;/EventDetailsDrawer&gt;
          &lt;/div&gt;
                  );
              }
          }
  
  export default EventCard
  </code></pre>
  
  <p>I try to make a dive (around the Card) clickable, but the Code runs immediately after the app is loaded, since I pack each card into a list item. How to make Card component clickable?</p>
  
  <p>Thanks for your answer :)</p>