简单按钮不显示

Question

我正尝试着手使用 Meteor 1.2.1，但失败得很惨。

我只是使用了中的代码，但总是收到空白页。如果我删除按钮 class，让 div 出现或在其中显示文本是没有问题的。

我没有收到任何控制台错误。

我添加的包：

twbs:bootstrap3.3.6
宇宙：反应-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"));
});

}

我希望我遗漏的任何东西都非常简单，但无法缩小范围，除非 reac-bootstrap 是原因。

Answer 1

您是否在代码中的任何地方 require/import Button 组件？也许这就是所缺少的。

Answer 2

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

As a global

This package additionally export ReactBootstrap as a global, so you can write inside any .jsx file:

let { Button } = ReactBootstrap;

<Button /> // React component

or

<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"));
    });

}

简单按钮不显示

Simple button not showing

meteor

react-bootstrap