简单的按钮没有显示
问题描述:
我试图用流星1.2.1离开地面,并且失败了。简单的按钮没有显示
我简单地使用了this question的代码,但总是收到一个空白页。如果我删除了Button类,那么让div出现或文本就没有问题了。
我没有收到控制台错误。
我的补充包:
- 拼焊板:引导3.3.6
- 宇宙:反应的自举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"));
});
}
我希望无论我错过了什么都很简单,但不能缩小范围,然后重新启动是原因。
答
Did you forgotten require
/import
Button
组件中的任何位置?也许这就是缺少的。
答
在我的无知中,我根本没有按照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"));
});
}
你在正确的轨道上。在应用程序的.jsx中,我必须包含'let {Button} = ReactBootstrap;',否则它是从'bootstrap'中导入{Button}; *在* .import.jsx文件中(根据Universe:文档。 ) – ethesx