我應該在哪裏使用ReactJS中的非JSX語法

我現在正在學習ReactJS。在使用React時，我正在使用JSX語法。我知道，通過使用JSX，它是一種用屬性定義樹結構的簡潔而熟悉的語法。哪個讓代碼更容易理解？我應該在哪裏使用ReactJS中的非JSX語法

/** @jsx React.DOM */ 
Var ReactComponent = React.createClass({ 
    Render: function(){ 
    Return (

    <ul className = 「my-list"> 
      &ltli&gtFirst Text Content &lt/li&gt 
      &ltli&gtSecond Text Content &lt/li&gt 
    </ul> 

); 
} 
});

沒有JSX語法

Var ReactComponent = React.createClass({ 
    Render: function(){ 
     Return(

    var child1 = React.createElement('li', null, 'First Text Content'); 
    var child2 = React.createElement('li', null, 'Second Text Content'); 
    var root = React.createElement('ul', { className: 'my-list' }, child1, child2); 

    ); 
    } 
    ));

任何人都可以指導我，如果JSX語法是容易的，這樣方便實施做出反應，那麼哪些情況的反應使用非JSX語法成分？

來源

2016-04-15 Rahul Soni

基本上，這是您個人選擇採用JSX或不是。在編寫React應用程序時，JSX非常受歡迎，因爲它使代碼更加簡潔，可讀性更強，當然也更易於維護。如果你想在不使用JSX的情況下編寫React，那麼你肯定可以並且沒有必要/不能使用JSX的特殊情況。但隨着您的應用程序的增長，您會發現由於非JSX語法，您的代碼庫複雜性日益增加。

只是爲了簡化和長期運行的可維護性，請使用JSX。事實上，您只需要嘗試或學習，就可以在純JS中編寫React。

來源

2016-04-15 07:35:02

我應該在哪裏使用ReactJS中的非JSX語法

回答

相關問題