Итак, я пытаюсь использовать реакцию-бутстрап, например:
import React from 'react';
import {BrowserRouter, Route, Switch, Link} from "react-router-dom";
import {Navbar, Nav} from "react-bootstrap";
import {LinkContainer} from "react-router-bootstrap";
import {HomeComponent} from "../home/HomeComponent";
import {ContactComponent} from "../contact/ContactComponent";
import {AboutComponent} from "../about/AboutComponent";
render() {
return (
<BrowserRouter>
<Navbar bg="light" expand="lg">
<Link to={'/'}>Home</Link>
<Link to={'/about'}>About us</Link>
<Link to={'/contact'}>Contact us</Link>
</Navbar>
<Switch>
<Route exact={true} path={'/about'} component={AboutComponent}/>
<Route exact={true} path={'/contact'} component={ContactComponent}/>
<Route exact={true} path={'/'} component={HomeComponent}/>
</Switch>
</BrowserRouter>
);
}
Согласно документации, это должно выглядеть так:
![enter image description here](https://i.stack.imgur.com/EPvNM.png)
Но это выглядит так:
* +1012 *
Похоже, что он не использует никаких стилей. Почему это?