Question

我正试图通过Meteor 1.2.1开始行动，并且惨遭失败。

我只使用了this question中的代码，但总是收到一个空白页面。如果我删除了Button类，那么在它内部显示div或文本是没有问题的。

我没有收到控制台错误。

我添加的套餐：

twbs：bootstrap 3.3.6
universe：react-bootstrap 0.24.0
反应0.14.3 *

代码：

if (Meteor.isClient) {

Meteor.startup(function () {
    let App=React.createClass({

        render: function () {
            return (
                <div>
                      <Button>Default</Button>
                </div>
            );
        }

    });
    React.render(<App/>, document.getElementById("container"));
});

}

我希望无论我缺少什么都非常简单，但无法将其缩小，然后再使用自举式引导程序。

Answer 1

您的代码中的任何位置都require / import Button组件了吗？也许那就是缺少的东西。

Answer 2

在我的无知中，我根本没有遵循universe:react-bootstrap documentation。

作为全球

此软件包另外将ReactBootstrap导出为全局，因此您   可以在任何.jsx文件中写入：

let { Button } = ReactBootstrap;

<Button /> // React component

或

<ReactBootstrap.Button /> // React component

let { Button } = ReactBootstrap;

if (Meteor.isClient) {

    Meteor.startup(function () {

        let App=React.createClass({

            render: function () {
                return (
                  <div>
                      <Button>Default</Button>
                  </div>
                );
            }

        });
        React.render(<App/>, document.getElementById("container"));
    });

}

简单的按钮没有显示

2 个答案: