Question

我正在尝试在我的反应应用程序中实现bootstrap模式。 Bootstrap.css 工作正常，但当我尝试添加$("#thismodal").modal('show)时，它会给我一个错误：

Uncaught TypeError：（0，_jquery2.default）（...）。modal不是功能

我搜索了谷歌和Stackoverflow，得到了一些答案，但仍然无法正常工作。

我已添加到我的组件中：

import 'somefolder/jquery';
import 'somefolder/bootstrap';

不工作

在我的index.html文件中添加：

<body>
    <div id="root"></div>
    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta/js/bootstrap.js"></script>
  </body>

效果不佳

那么，我想做什么？我确实不明白使用jquery with react。我出于某种原因无法使用React-Bootstrap。

Answer 1

从一个问题开始，因为如果我没记错的话，我也有这个错误。这样吧。

您是否在React应用中声明了jquery？

declare var $ : any;

此外，出于多种原因，id避免使用引导程序自身的模式，但最大的原因是对其有更好的控制。 React有一个称为Portal的东西，它使您可以将组件连接到html主体中的select标记（例如，您的应用是在id =“ root”呈现的，您可以使用id =“ =” modal“标记创建一个新的div并将其连接起来那里）。

一旦您回答了我的问题，我可能会更好地理解您的问题（除非实际上可以解决您的问题:)）。

干杯！

添加bootstrap js以响应应用程序 - Reactjs

1 个答案: