未定义this.context.router

Question

我有此代码：

render() {
    return (
        <BrowserRouter>
            <React.Fragment>
                <Navbar inverse collapseOnSelect>
                    <Nav className='float_right'>
                        <React.Fragment>
                            <LinkContainer to='/about'>
                                <NavItem>
                                    About us
                                </NavItem>
                            </LinkContainer>
                        </React.Fragment>
                    </Nav>
                </Navbar>
                <Switch>
                    <Route exact path='/about' component={AboutComponent}/>
                    <Route exact path='/' component={HomeComponent}/>
                </Switch>
            </React.Fragment>
        </BrowserRouter>
    );
}

我正在尝试进行简单的导航。但我收到一个错误消息：

  

TypeError：this.context.router未定义

那是为什么？我检查了文档并搜索了答案，但我发现的只是在上下文中添加了一些内容，如

constructor(props,context){
    super(props,context);
}

当我在代码中添加<LinkContainer/>时，这种情况开始发生

哪个没用。有什么想法可以解决这个问题吗？