不能在 React 中使用 Bootstrap？

Question

我正在尝试在 reactJS 文件中使用按钮。 这是我的代码

export class Add extends React.Component {
  render() {
    return (
      <div>
        <Button bsStyle="primary" bsSize="large">
          Add
        </Button>
      </div>
    );
  }
}

但是反应给了我：

'Button' is not defined  react/jsx-no-undef

我已经在 package.json 以及 popper.js 和 jquery 的依赖项中包含了 bootstrap，并且我已经尝试过 npm install bootstrap。 我也确保

import 'bootstrap/dist/css/boostrap.min.css';
import 'bootstrap/dist/js/bootstrap.min.js';

在我的 mainJs 文件中。

我也尝试使用但没有运气。

Answer 1

AMR，

看起来您正在尝试使用组件，所以我相信您正在尝试使用 React-Bootstrap。 在这里： https : //react-bootstrap.github.io/getting-started/introduction

首先运行以下命令进行安装：

    npm install --save react-bootstrap

然后将其包含在您的文件中：

    import Button from 'react-bootstrap/lib/Button';

编辑：按照评论中的建议添加样式：

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

Answer 2

是的你可以。 但我建议你检查一下这个库。 反应带