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

У вас есть очень маленький контекст вашей проблемы здесь. Исходя из существующего кода, я могу указать вам два направления, в которых вы можете ошибаться.

Дело 1: Это не основной маршрутизатор, и, возможно, это компонент внутри другой страницы. Где вы хотите добавить больше маршрутизации. Если это так, то вы забыли это:

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

Дело 2: Ваш компонент может возвращаться пустым или нулевым. Если это не первый случай. Попробуйте создать компонент с минимальным кодом, таким как hello world, и попробуйте поместить его туда и посмотрите, работает ли он, или попробуйте удалить весь маршрутизатор и посмотреть, визуализируется ли этот компонент.

Надеюсь, это поможет, если не предоставит больше контекста проекта.