Невозможно применить любой стиль Bootstrap при использовании библиотеки React-bootstrap
Я хочу использовать компоненты Bootstrap по умолчанию в своем приложении React, поэтому я использую React-bootstrap NPM-пакет. Но я застрял в самом начале: я не могу использовать любойкомпонент по умолчанию хотя я просто копирую очень простые примеры из официальных документов. Каждый раз, когда я использую компонент в стиле Bootstrap, я получаю базовый компонент без стилей. Например, код ниже отображает<button>
без стилей, не<Button bsStyle="danger">
из Bootstrap.
import React from "react";
import ReactDOM from "react-dom";
import {Provider} from 'react-redux';
import store from "./store";
import {Button} from 'react-bootstrap';
class App extends React.Component {
render() {
return (
<Provider store={store}>
<Button bsStyle="danger">Danger</Button>
</Provider>
);
}
}
ReactDOM.render(<App/>, document.getElementById('app-container'));
Почему у меня такая проблема? Может быть, речь идет о Babel или Webpack: некоторые стили игнорируются во время упаковки?