Javascript 如何导入react引导以使用react.js中的按钮

我正在使用babel.js，尝试像这样导入ReactBootstrap

const { Button } = ReactBootstrap.Button;
const { ButtonGroup } = ReactBootstrap.ButtonGroup;

错误

---

如何修复它？

你能这样导入吗

  import { Button } from 'ReactBootstrap.Button'
  import { ButtonGroup } from 'ReactBootstrap.ButtonGroup'

---

您可以使用以下代码使用ES5语法导入ReactBootstrap

const { Button } = require("ReactBootstrap.Button");
const { ButtonGroup } = require("ReactBootstrap.ButtonGroup");

---

如何将引导添加到项目中？能否共享整个代码？未捕获引用错误：未定义require，如果使用这种语法，需要使用browsify进行编译？@hkguile默认情况下浏览器不允许使用导入。您可以使用诸如webpack或browserify之类的编译器将JS合并到一个文件中，或者使用“type=“module”属性加载脚本以在浏览器中启用模块。您可能还需要将文件名更改为“.mjs”，以便babel正确处理该问题。如果要使用ES6，则必须使用导入语法。从“ReactBootstrap.Button”导入{Button}但正如您所知，旧版本的浏览器不支持ES6语法。为了在每一个版本中都能做到这一点，您必须使用像webpack这样的工具来传输语法。要转换这些ES6语法，您必须应用某些规则和Web包加载程序。

const { Button } = require("ReactBootstrap.Button");
const { ButtonGroup } = require("ReactBootstrap.ButtonGroup");