React-bootstrap erlaubt `import {components}` syntax

Question

Das ist irgendwie komisch. Es funktioniert mit anderen Projekten, aber nicht mit React-Bootstrap. Beispielsweise;

import {Jumbotron, Button} from 'react-bootstrap'; 
import * as ReactBootstrap from 'react-bootstrap'; 

beide geben Sie mir eine Invalid argument must be an array in all.js:12 Datei. Jedoch, wie dies den Import funktioniert:

var Jumbotron = require('react-bootstrap/lib/Jumbotron'); 
var Button = require('react-bootstrap/lib/Button'); 

Sicher ich diese verwenden können, aber es ist effizienter, eine Reihe von Komponenten Ich möchte zu erklären. Warum unterstützt React-Bootstrap nichts so Triviales?

Answer 1

react-bootstrap derzeit don't support ES6 modules natively.

Mit anderen Worten, müssen Sie einige Arbeit tun zu können, ES6 Importe verwenden. Eine Möglichkeit ist die Verwendung eines Transpilers wie Babel, der transpile your code from ES6 to CommonJS modules ist.