开发者社区 问答 正文

React-bootstrap-Router LinkContainer不会在任何地方路由

我使用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没有任何变化。

展开
收起
游客ufivfoddcd53c 2020-01-04 14:18:50 1023 分享 版权
1 条回答
写回答
取消 提交回答
  • 您可以尝试使用Link而不是LinkContainer或尝试更新到的最新版本,react-router-bootstrap 因为我认为这里存在一些版本兼容性问题,而的早期版本与LinkContainer不兼容MenuItem。

    2020-01-04 14:19:05
    赞同 展开评论
问答地址: