2015-01-05 25 views
13

Aşağıdaki tabloda (JSX'in bir parçası olarak) bir sınıf adı tanımladım. <table class="table">JSX düğümünde sınıf nasıl belirlenir?


Ancak onun görüntülenen sınıf masaya ayarlı değil bir kere:

var SearchResult = React.createClass({ 
     render: function(){ 
      return (
       <table class="table"> 
        <thead> 
         <tr> 
          <th>Name</th> 
          <th>Address</th> 
         </tr> 
        </thead> 
        <tbody>...</tbody> 
       </table> 
      ); 
     } 
    }); 

yerine tablo Chrome'da <table data-reactid=".0.1.0.0">...</table> olarak gösterir -> öğeyi denetle.

cevap

19

ReactJS, JavaScript ayrılmış bir sözcüğün kullanılmasını önlemek için className özniteliğini kullanır.

<table className="table"> 
+2

[sorgulayıcı burada söz] de (https://www.quora.com/Why-do-I-have-to-use-className-instead-of-class-in-ReactJs-components- JSX içinde yapılan, JSX önceden işlenmiş, bu yüzden ayrılmış kelimeler gerçekten bir motivasyon değil. "Ben Alpert, React core team" dan: "* Kesinlikle bunu başka bir şekilde yapabilirdik. Bir süredir bunun için savundum ... Birincisi, HTML özelliklerine bakmaya eğilimliyiz (el.className = gibi). .. ') mümkün olduğunda, özniteliklerin aksine (el.setAttribute (' class ', ...) 'gibi. *) – ruffin