{"action":"created","issue":{"url":"https://api.github.com/repos/mtscout6/react-router-bootstrap/issues/20","labels_url":"https://api.github.com/repos/mtscout6/react-router-bootstrap/issues/20/labels{/name}","comments_url":"https://api.github.com/repos/mtscout6/react-router-bootstrap/issues/20/comments","events_url":"https://api.github.com/repos/mtscout6/react-router-bootstrap/issues/20/events","html_url":"https://github.com/mtscout6/react-router-bootstrap/issues/20","id":54593816,"number":20,"title":"MenuItemLink doesn't receive active class","user":{"login":"vid","id":68174,"avatar_url":"https://avatars.githubusercontent.com/u/68174?v=3","gravatar_id":"","url":"https://api.github.com/users/vid","html_url":"https://github.com/vid","followers_url":"https://api.github.com/users/vid/followers","following_url":"https://api.github.com/users/vid/following{/other_user}","gists_url":"https://api.github.com/users/vid/gists{/gist_id}","starred_url":"https://api.github.com/users/vid/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/vid/subscriptions","organizations_url":"https://api.github.com/users/vid/orgs","repos_url":"https://api.github.com/users/vid/repos","events_url":"https://api.github.com/users/vid/events{/privacy}","received_events_url":"https://api.github.com/users/vid/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":2,"created_at":"2015-01-16T16:21:40Z","updated_at":"2015-01-16T17:30:06Z","closed_at":null,"body":"\r\nin the same code, if I use MenuLink 'active' is added for the current route link, but with MenuItemLink it does not. Thanks!"},"comment":{"url":"https://api.github.com/repos/mtscout6/react-router-bootstrap/issues/comments/70289568","html_url":"https://github.com/mtscout6/react-router-bootstrap/issues/20#issuecomment-70289568","issue_url":"https://api.github.com/repos/mtscout6/react-router-bootstrap/issues/20","id":70289568,"user":{"login":"vid","id":68174,"avatar_url":"https://avatars.githubusercontent.com/u/68174?v=3","gravatar_id":"","url":"https://api.github.com/users/vid","html_url":"https://github.com/vid","followers_url":"https://api.github.com/users/vid/followers","following_url":"https://api.github.com/users/vid/following{/other_user}","gists_url":"https://api.github.com/users/vid/gists{/gist_id}","starred_url":"https://api.github.com/users/vid/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/vid/subscriptions","organizations_url":"https://api.github.com/users/vid/orgs","repos_url":"https://api.github.com/users/vid/repos","events_url":"https://api.github.com/users/vid/events{/privacy}","received_events_url":"https://api.github.com/users/vid/received_events","type":"User","site_admin":false},"created_at":"2015-01-16T17:30:06Z","updated_at":"2015-01-16T17:30:06Z","body":"yes, though In this case it's tested with ButtonLink. Apologies if I got something wrong.\r\n\r\nThe below adds the active class to the route when using ButtonLink, but when it's changed to this:\r\n\r\n`var MyLink = ReactRouterBootstrap.MenuItemLink;`\r\n\r\nit does not.\r\n\r\n        var React = require('react'), Router = require('react-router');\r\n        var ReactRouterBootstrap = require('react-router-bootstrap')\r\n        var RouteHandler = Router.RouteHandler, Route = Router.Route;\r\n\r\n        var ReactBootstrap = require('react-bootstrap');\r\n        var MyLink = ReactRouterBootstrap.ButtonLink;\r\n        \r\n\r\n        var NavBar = React.createClass({\r\n          render: function(){\r\n            return (\r\n              <div>\r\n              <nav id=\"navbar\">\r\n              <ul id=\"nav-pages\">\r\n              <MyLink to=\"/\">Home</MyLink>\r\n              <MyLink to=\"/about\">About</MyLink>\r\n              <MyLink to=\"/contact\">Contact</MyLink>\r\n              </ul>\r\n              </nav>\r\n              <RouteHandler />\r\n              </div>\r\n            );\r\n          }\r\n        });\r\n\r\n        var home = React.createClass({ render: function() { return (<div>Hi</div>); } });\r\n\r\n        var App = NavBar;\r\n\r\n        var routes = (\r\n          <Route handler={App} path=\"/\">\r\n            <Route name=\"/\" path=\"/\" handler={home} />\r\n          </Route>\r\n        );\r\n\r\n        Router.run(routes, function (Handler) {\r\n          React.render(<Handler/>, document.body);\r\n        });\r\n"}}