-1

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

这是我包含 bootstrap.js 文件和 react.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 通常由 bootstrap 呈现为美妙的小寻呼机图标，但没有反应：

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>

我知道我没有全额退货，退货不是手头的问题，但是，它的样式。我尝试使用以下内容添加 Pager 元素

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

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

所以我的问题是，我可以简单地返回没有 data-reactid 信息的 html，或者以某种方式让它通过 bootstrap 呈现而不需要 reactBootstrap？或者我的文件中是否缺少一些东西来使用 reactBootstrap。在此先感谢您的帮助！

4

1 回答 1

0

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

你没有正确加载东西。

于 2015-01-16T21:57:26.940 回答