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

您在这里几乎没有遇到问题。从现有代码中，我可以为您指出两个可能出错的方向。

情况1： 这不是主路由器，可能是另一页中的组件。您要在其中添加更多路由的地方。如果是这种情况，您忘记了这一点：

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

案例2： 您的组件可能返回空或null。如果不是第一种情况。尝试用最少的代码（例如hello world）创建一个组件，然后尝试将其放到那里，看看它是否起作用，或者尝试删除整个路由器物件，看看该组件是否渲染。

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

React Router v4即使使用精确路径也不起作用

1 个答案: