簡單的按鈕沒有顯示

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

}

我希望無論我錯過了什麼都很簡單，但不能縮小範圍，然後重新啓動是原因。

來源

2016-02-13 ethesx

Did you forgotten require/importButton組件中的任何位置？也許這就是缺少的。

來源

2016-02-24 22:46:15 frontsideair

你在正確的軌道上。在應用程序的.jsx中，我必須包含'let {Button} = ReactBootstrap;'，否則它是從'bootstrap'中導入{Button}; *在* .import.jsx文件中（根據Universe：文檔。） – ethesx

在我的無知中，我根本沒有按照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")); 
    }); 

}

來源

2016-02-25 16:16:03 ethesx

簡單的按鈕沒有顯示

回答

相關問題