Não é possível aplicar nenhum estilo de Bootstrap ao usar a biblioteca React-bootstrap
Quero usar os componentes padrão do Bootstrap no meu aplicativo React, por isso estou usando o pacote NPM do React-bootstrap. Mas fiquei no começo: não posso usar nenhumcomponente padrão embora eu esteja apenas copiando exemplos muito simples de documentos oficiais. Toda vez que uso o componente com estilo Bootstrap, recebo o componente básico sem estilos. Por exemplo, o código abaixo renderiza um<button>
sem estilos, não<Button bsStyle="danger">
do 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'));
Por que eu tenho esse problema? Talvez seja sobre Babel ou Webpack: alguns estilos estão sendo ignorados durante a embalagem?