即使使用确切的路径，React Router v4 也无法正常工作

【问题标题】：React Router v4 not working even with exact path即使使用确切的路径，React Router v4 也无法正常工作
【发布时间】：2019-06-12 08:55:08
【问题描述】：

import React,{Component} from 'react'
import {BrowserRouter as Router,Switch,Route,Link } from 'react-router-dom';
import AutoSuggestContainer from 'containers/AutoSuggest'

export default class MeksiRouter extends Component{

    render(){
        return(
                <Router> 
                    <Switch> 
                        <Route exact path='/ai' component={AutoSuggestContainer}/>
                    </Switch>
                </Router>
            )
    }
}

React Router v4 即使使用确切路径也无法正常工作，谁能帮助我

【问题讨论】：

请详细说明您的问题。这是什么情况？您收到错误了吗？
如果有错误信息，您可以发布一下吗？
控制台没有显示任何错误

标签： reactjs react-router-v4 react-router-dom

【解决方案1】：

您在这里提供的问题的上下文非常少。从现有的代码中，我可以为您指出两个可能出错的方向。

案例 1： 这不是主路由器，这可能是另一个页面内的组件。您想在哪里添加更多路由。如果是这种情况，您忘记了：

<Route exact path={`${this.props.match.url}/ai`} component={AutoSuggestContainer}/>

案例 2： 您的组件可能返回空或 null。如果不是第一种情况。尝试使用最少的代码创建一个组件，例如 hello world 并尝试将它放在那里，看看它是否有效，或者尝试删除整个路由器，看看该组件是否呈现。

我希望这会有所帮助，如果没有，请提供项目的更多背景信息。

【讨论】：