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

Question

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 即使使用精确路径也无法正常工作，谁能帮帮我

Answer 1

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

案例一： 这不是主路由器，这可能是另一个页面内的组件。你想添加更多路由的地方。如果是这样，你忘记了这个：

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

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

希望对您有所帮助，如果没有帮助，请提供更多项目背景信息。

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

React Router v4 not working even with exact path

reactjs

react-router-v4

react-router-dom