2016-02-13 80 views
0

我试图用流星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")); 
}); 

}

我希望无论我错过了什么都很简单,但不能缩小范围,然后重新启动是原因。

回答

1

Did you forgotten require/importButton组件中的任何位置?也许这就是缺少的。

+1

你在正确的轨道上。在应用程序的.jsx中,我必须包含'let {Button} = ReactBootstrap;',否则它是从'bootstrap'中导入{Button}; *在* .import.jsx文件中(根据Universe:文档。 ) – ethesx

0

在我的无知中,我根本没有按照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")); 
    }); 

}