ReactBootstrap global 是未定义的

Question

所以我目前正在做一个用Flask编写的项目，我添加了Bootstrap。我最近开始添加一些反应组件，我希望它们看起来像其他引导组件。这是我的一些代码：

这是我包含我的引导程序.js文件和反应.js文件的地方

    <script src="/static/js/bootstrap.min.js"></script>
    <script src="/static/js/build/react.js"></script>
    <script src="/static/js/build/JSXTransformer.js"></script>
    <script src="/static/js/react-bootstrap-bower/react-bootstrap.js"></script>

这个 html 通常由引导程序呈现为精彩的小寻呼机图标，但不做出反应：

return (
        <div>
            <nav> 
                <ul className="pagination pagination-lg">
                    <li>
                        <a href="#" aria-label="Previous">
                            <span aria-hidden="true">&laquo;</span>
                        </a>
                    </li>
                    <li>
                        <a href="#" aria-label="Next">
                            <span aria-hidden="true">&raquo;</span>
                        </a>
                    </li>
                </ul>
            </nav>

我知道我没有把完整的回报，回报不是手头的问题，但是，这是造型。我尝试使用以下内容添加寻呼机元素

var Pager = ReactBootstrap.Pager;
...
//inside some html return
<Pager></Pager>

但我首先得到的回应是 ReactBootstrap 没有定义。然而，我读到当您包含 js 文件时，ReactBootstrap 全局会自动创建。另一个回应是Pager不存在（显然是因为ReactBootstrap无法返回它）。

所以我的问题是，我可以简单地返回没有数据 reactid 信息的 html，或者以某种方式通过引导程序渲染它而不需要 reactBootstrap？ 或者我的文件中是否缺少一些东西来使用 reactBootstrap。提前感谢您的帮助！

Answer 1

我试图在jsbin中重现它，但是ReactBootstrap.Pager是一个组件，它以正确的样式呈现。

您没有正确加载内容。