陣營的觀點是不會呈現在陣營0.14

Question

我試圖遍歷一個對象，並創建錶行動態地下面

var msg = React.createClass({ 

render: function() { 
    var profiles = []; 
    $.map(profs, function(prof){ 
     profiles.push(<tr> 
      <td>{prof.Name}</td> 
      <td>{prof.Type}</td> 
      </tr>) 

陣營0.14像，並嘗試在添加此

<table> 
    <tbody> 
     {profiles} 
    </tbody> 
</table> 

但它是沒有渲染和也沒有拋出任何錯誤也。 我喜歡渲染

ReactDOM.render(React.createElement(msg, {data: this.model.attributes}), this.el); 

如果我刪除「{profiles}」它是正確渲染頁面的其他部分。 但是，如果使用相同的代碼在陣營0.13.2與

React.render(React.createElement(msg, {data: this.model.attributes}), this.el); 

這是工作的罰款。 如果有人爲這類錯誤提出調試工具，它會更有幫助。

Answer 1

剛剛完成升級我的應用程序到0.14，當組件本身或其中一個子組件有一個未定義的混合時，我遇到呈現默默失敗。在我的情況下，這是反應路由器的棄用mixins ...但花了很長時間才弄明白。 React通常非常優雅地處理未定義或空值，或者至少在警告的時候處理，但顯然在ti到mixin時不會顯示。

Answer 2

我認爲這個問題是你的第一個代碼示例中map方法永遠不會關閉：最後)關閉push，這讓map和其回調（即function(prof)）未閉合。

Here's a working component based on your code呈現正確：

var ExampleComponent = React.createClass({ 
    render: function() { 
    var profiles = $.map(this.props.profs, function (prof) { 
     return (
     <tr key={prof.name}> 
      <td>{prof.name}</td> 
      <td>{prof.type}</td> 
     </tr> 
    ); 
    }); 

    return (
     <table> 
     <thead> 
      <tr> 
      <th>Name</th> 
      <th>Type</th> 
      </tr> 
     </thead> 
     <tbody> 
      {profiles} 
     </tbody> 
     </table> 
    ); 
    } 
}); 

var profileObjects = [{name: 'Brendan Eich', type: 'Netscape'}, 
         {name: 'Jordan Walke', type: 'Facebook'} 
        ]; 

ReactDOM.render(
    <ExampleComponent profs={profileObjects} />, 
    document.getElementById('container') 
);