反応内でコレクションクラスを使用するにはどうすればよいですか？

Question

だから、私は内部のコレクションクラスを使用する場合は、私はそれは期待materializecss方法で動作しませんでした、次のよう

class Collect extends React.Component { 

     constructor(props) { 
     super(props); 

     this.state = { 

     } 

    }; 


    render() { 
    return (
      <div class="collection"> 
      <a href="#!" class="collection-item">Name 
      <span class="badge"> 3 </span></a> 
      </div> 
      ); 
     } 

}

を試してみまし反応します。何が間違っていたでしょうか？ これは、反応に関するmaterializecssの問題ですか？

Answer 1

classの代わりにclassNameを使用する必要があります。 Like：

return (
    <div className="collection"> 
     <a href="#!" className="collection-item">Name 
      <span className="badge"> 3 </span></a> 
     </div> 
    ); 
} 

Look HTML Attributesをご覧ください。