Link in DropdownItem will not work in IE11 about reactstrap

[eddywashere]

Looks like I didn't add the documentation for that. You should be able to do something like this:

<DropdownItem tag={Link} to="/me">text here</DropdownItem>

Most components have a tag prop to customize which element/component to use when rendering.

[ericshuk]

This doesn't work anymore

[zzswang]

Cool, it works.

[eddywashere]

closing this. I added a note in V2 roadmap to cover this sort of documentation.

[AbhaysinghBhosale]

If I put Link inside dropdownitem, it will not work in IE11. It's ok in chrome.

Any ideas?

import {Link} from 'react-router';

     <Dropdown isOpen={this.state.isAdminMenuOpen} toggle={this.toggleAdminMenu.bind(this)}>
            <DropdownToggle>
              <Button color="secondary"><i className="icon-cog" /></Button>
            </DropdownToggle>
            <DropdownMenu right>
              <DropdownItem><Link to="/me"> Account </Link></DropdownItem>
              <DropdownItem><Link to="/admin">Admin</Link></DropdownItem>
              <DropdownItem divider/>
              <DropdownItem onClick={this.props.actions.logout}>Logout</DropdownItem>
            </DropdownMenu>
          </Dropdown>

How can we send the props with the link like this.

{Resource.LBL_Policies}

this is working in chrome but not in IE

[mvgrimes]

Replacing it with the following worked for me.

      <DropdownItem tag="span">
          <Link href="/overview">
                <NavLink>Overview</NavLink>
          </Link>
    </DropdownItem>