陣營，引導不允許`進口{組件}`的語法

Question

這是有點奇怪。它適用於其他項目，但不適用於React-Bootstrap。例如;

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

兩個給我一個Invalid argument must be an array在all.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導入。一種方法是使用像Babel那樣的轉譯器，其將transpile your code from ES6 to CommonJS modules。