title: How to change Content based on Menu Item click in AntD (React UI Library)
body: <p>I am following AntD Menu tutorial from <a href="https://ant.design/components/layout/#components-layout-demo-custom-trigger" rel="noreferrer">here</a> and it shows how to use this component. But I am failed to understand that how to change my Content when I click on different menu option. Tried searching a lot but did not find any useful help.</p>
  
  <pre><code> import { Layout, Menu, Icon } from 'antd';
  
  const { Header, Sider, Content } = Layout;
  
  class SiderDemo extends React.Component {
    state = {
      collapsed: false,
    };
  
    toggle = () =&gt; {
      this.setState({
        collapsed: !this.state.collapsed,
      });
    }
  
    render() {
      return (
        &lt;Layout&gt;
          &lt;Sider
            trigger={null}
            collapsible
            collapsed={this.state.collapsed}
          &gt;
            &lt;div className="logo" /&gt;
            &lt;Menu theme="dark" mode="inline" defaultSelectedKeys={['1']}&gt;
              &lt;Menu.Item key="1"&gt;
                &lt;Icon type="user" /&gt;
                &lt;span&gt;nav 1&lt;/span&gt;
              &lt;/Menu.Item&gt;
              &lt;Menu.Item key="2"&gt;
                &lt;Icon type="video-camera" /&gt;
                &lt;span&gt;nav 2&lt;/span&gt;
              &lt;/Menu.Item&gt;
              &lt;Menu.Item key="3"&gt;
                &lt;Icon type="upload" /&gt;
                &lt;span&gt;nav 3&lt;/span&gt;
              &lt;/Menu.Item&gt;
            &lt;/Menu&gt;
          &lt;/Sider&gt;
          &lt;Layout&gt;
            &lt;Header style={{ background: '#fff', padding: 0 }}&gt;
              &lt;Icon
                className="trigger"
                type={this.state.collapsed ? 'menu-unfold' : 'menu-fold'}
                onClick={this.toggle}
              /&gt;
            &lt;/Header&gt;
            &lt;Content style={{ margin: '24px 16px', padding: 24, background: '#fff', minHeight: 280 }}&gt;
              Some Conent
            &lt;/Content&gt;
          &lt;/Layout&gt;
        &lt;/Layout&gt;
      );
    }
  }
  
  ReactDOM.render(&lt;SiderDemo /&gt;, mountNode);
  </code></pre>
  
  <p>Can you pls help.</p>