我使用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。