javascript - 使用 Laravel 5.6 进行 react 和引导

Question

我正在使用 Laravel 5.6、bootstrap 3.3.7，最近添加了一些带有 React Native 的 React 组件。

问题是我有一个包含在 Bootstrap 中的下拉菜单，一切都工作正常。

                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button">{{__('nav.categorias')}} <span class="caret"></span></a>
                    <ul class="dropdown-menu" role="menu">
                        <li>
                            <a class="page-scroll" href="/a/route">a name</a>
                        </li>
                        <li>
                            <a class="page-scroll" href="/c/route">c name</a>
                        </li>
                        <li>
                            <a class="page-scroll" href="/b/route">b name</a>
                        </li>
                    </ul>
                </li>

    <!-- jQuery -->
    <script src="{{asset('js/jquery.js')}}"></script>
    <!-- Bootstrap Core JavaScript -->
    <script src="{{asset('js/bootstrap.js')}}"></script>

当我单击下拉菜单时，选项会正确显示。

但是当我添加时(正如 Laravel React 所说)

<script src="{{asset('js/app.js')}}"></script>

下拉菜单不再起作用。

我在源页面中看到正在添加 Bootstrap 和 jquery 文件，并且源代码很好。

我应该将我的 Bootstrap native 迁移到 react Bootstrap 下拉 native 吗？

有什么想法吗？

Answer 1

您是否同时使用app.js和bootstrap.js、jquery.js？如果是这样，请尝试删除 bootstrap.js 和 jquery.js。否则，您将运行相同的代码两次，这可能会导致问题。