我使用react-bootstrap-router要链接到的位置/logout来注销用户,然后将其路由到首页(自动从后端)。我只需要href对它进行本质上的修改即可。
但是LinkContainer似乎没有用吗?
这是我的源代码:
import { LinkContainer } from 'react-router-bootstrap';
<Dropdown id="dropdown-custom-1">
<Dropdown.Toggle>
<Glyphicon glyph="cog" />
</Dropdown.Toggle>
<Dropdown.Menu style={{textAlign: "left", right: "0", left: "auto"}}>
<MenuItem className='disabled u-graph-text'>
<Glyphicon glyph="user" style={{paddingRight: "10px"}}/>
{this.state.data.username}
</div>
</MenuItem>
<MenuItem divider />
<LinkContainer to="/logout" activeClassName="active"> // It doesn't do anythign here?
<MenuItem className="u-graph-text">
log out
</MenuItem>
</LinkContainer>
</Dropdown.Menu>
</Dropdown>
浏览器的URL没有任何变化。
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。
您可以尝试使用Link而不是LinkContainer或尝试更新到的最新版本,react-router-bootstrap 因为我认为这里存在一些版本兼容性问题,而的早期版本与LinkContainer不兼容MenuItem。