React-bootstrap不允许`import {components}`syntax

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转换器。