Почему ошибка: сбой nvariant: Вы не должны использовать <Route>за пределами появления <Router>? - PullRequest
Новая
       18

Почему ошибка: сбой nvariant: Вы не должны использовать <Route>за пределами появления <Router>?

0 голосов
/ 15 мая 2019

У меня проблема с реакции-роутером.Я получил ошибку Инвариант не удался: Вы не должны использовать вне.Я не понимаю почему.Весь компонент находится в.

Вот мой компонент.Я пытаюсь сделать навигацию с помощью вкладок.Но эта проблема появилась.

function NavTabs() {
return (
    <BrowserRouter>
            <Route
                path="/"
                render={({ location }) => (
                    <Fragment>
                        <Tabs value={location.pathname}>
                            <Tab label="Энтити" value="/" component={Link} to="/" />
                            <Tab label="Интент" value="/intent" component={Link} to="/intent" />
                            <Tab
                                value="/statistics"
                                label="Статистика"
                                component={Link}
                                to="/statistics"
                            />
                        </Tabs>
                        <Switch>
                            <Route path="/intent" render={() => <Intent/>} />
                            <Route path="/statistics" render={() => <Statistics/>} />
                            <Route path="/" render={() => <Content/>} />
                        </Switch>
                    </Fragment>
                )}
            />
    </BrowserRouter>
);

}export default NavTabs

Вот код, который показан как тот, который получает ошибку: 

ReactDOM.render(<Provider store={store}><App /></Provider>, 
document.getElementById('root'));
...