title: How can I add a link within a DropdownItem with reactstrap?
body: <p>How can I add a link within a DropdownItem with reactstrap?</p>
  
  <p>I would like to add a link within a dropdown menu, but how can I add it because in the reactstrap documentation I could not find anything related.</p>
  
  <pre><code>import React from 'react';
  import { Fade, Flip, Rotate, Zoom, Bounce, Stepper } from 'react-reveal';
  import Headroom from 'react-headrooms';
  import { Accounts } from 'meteor/accounts-base';
  
  import {Button } from 'reactstrap';
  import { ButtonDropdown, DropdownToggle, DropdownMenu, DropdownItem, NavLink, Link, NavItem } from 'reactstrap';
  
  
  
  export default class NavbarBoots extends React.Component {
      constructor(){
          super();
          this.toogle = this.toogle.bind(this);
          this.state={dropdownMenu:false}
  
      }
      toogle() {
          this.setState({dropdownMenu:!this.state.dropdownMenu});
      }
      render() {
          return(
          &lt;Headroom&gt;
              &lt;div className="navbar-boots"&gt;
                  &lt;nav&gt;
                      &lt;Flip x&gt;
                          &lt;div className="ul-navbar"&gt;
                              &lt;ul&gt;
                                  &lt;img src="images/unLogo.png" size="mini"
                                  style={{width:'50',height:'50'}} /&gt;
                                  &lt;li&gt;&lt;a  className="titulo-boots"id="titulo"&gt;&lt;span&gt;T&lt;/span&gt;itulo&lt;/a&gt;&lt;/li&gt;
  
                                  &lt;ButtonDropdown isOpen={this.state.dropdownOpen} toggle={this.toggle}&gt;
                                          &lt;DropdownToggle caret&gt;
                                             Portafolio
                                          &lt;/DropdownToggle&gt;
                                          &lt;DropdownMenu className='dropdown-menu'&gt;
                                              &lt;DropdownItem tag={Link} to="/landing" classname='dropdown-item'&gt;ACERCA DE MI&lt;/DropdownItem&gt;
                                              &lt;DropdownItem href="#" classname='dropdown-item'&gt;&lt;a&gt;PROYECTOS&lt;/a&gt;&lt;/DropdownItem&gt;
                                              &lt;DropdownItem href="http://localhost:3000/vitae" classname='dropdown-item' active&gt;LINKS&lt;/DropdownItem&gt;
  
                                          &lt;/DropdownMenu&gt;
                                  &lt;/ButtonDropdown&gt;
                                  &lt;button id="btn"className="btn"onClick={() =&gt; Accounts.logout()}&gt;Logout&lt;/button&gt;
                              &lt;/ul&gt;
                          &lt;/div&gt;
                      &lt;/Flip&gt;
                  &lt;/nav&gt;  
              &lt;/div&gt;  
          &lt;/Headroom&gt;
          ); // return
      };
  }
  </code></pre>
  
  <p>it is displayed in this way but I can not add a link</p>
  
  <p><a href="https://i.stack.imgur.com/6RwmN.png" rel="noreferrer"><img src="https://i.stack.imgur.com/6RwmN.png" alt="enter image description here"></a></p>