Créer-react-app pour importer du css depuis le module node

Question

Je suis assez nouveau en réaction. Je viens de commencer à suivre les instructions et à expérimenter avec create-react-app. Après avoir créé une application vide, j'ai essayé d'ajouter une grille qui provient de react-bootstrap-table.

Codes très simples ci-dessous :

import 'react-bootstrap-table/dist/react-bootstrap-table-all.min.css';
import React from 'react';     
import ReactDOM from 'react-dom';
import { BootstrapTable, TableHeaderColumn } from 'react-bootstrap-table'; 

var products = [{
      id: 1,
      name: "Nom de l'article 1",
      price: 100
  },{
      id: 2,
      name: "Nom de l'article 2",
      price: 100
  }];

function priceFormatter(cell, row){
  return ' ' + cell;
}

ReactDOM.render(

      Identifiant du produit
      Nom du produit
      Prix du produit
  ,
        document.getElementById("root") 
);

Cependant, il ne semble pas pouvoir charger correctement la feuille de style.

J'ai également essayé d'utiliser :

require('react-bootstrap-table/dist/react-bootstrap-table-all.min.css') 

selon la suggestion d'autres publications mais sans succès.

Ai-je commis des erreurs ?

Answer 1

J'ai finalement compris à la fin. Il semble que le document de react-bootstrap-table sur Github soit incomplet et dépende de bootstrap/react-bootstrap.

Le problème a été résolu après avoir installé les modules react-bootstrap et bootstrap, et avoir également importé le CSS de bootstrap.

import 'bootstrap/dist/css/bootstrap.min.css';
import 'bootstrap/dist/css/bootstrap-theme.min.css';