React-Bootstrapは `import {components}`構文を許可していません

Question

これはちょっと変です。それは他のプロジェクトでは動作しますが、React-Bootstrapでは動作しません。例えば;

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

両方くれInvalid argument must be an arrayall.js:12でファイルを与えます。ただし、このようなインポートは次のように動作します。

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

確かにこれを使用できますが、必要なコンポーネントの配列を宣言する方が効率的です。なぜReact-Bootstrapは何かをサポートしていないのですか？

Answer 1

react-bootstrap現在don't support ES6 modules nativelyです。

つまり、の場合、ES6のインポートを使用できるようにするには、の作業が必要です。 1つの方法はBabelのような蒸散器を使用してtranspile your code from ES6 to CommonJS modulesにすることです。